CSS選擇符的使用以及註釋問題

通配符選擇符測試

在編寫代碼時,用「*"表示通配符,其做用是定義頁面全部元素的樣式(全部內容都需修改)
*{ margin:0px
   padding:0px
  }
head中
<style>
*{
   font-size:30px;
   color:red;
 }
</style>字體

類選擇符
 類選擇符經過直接引用元素中類屬性的值而產生效果,這個應用前面老是有一個句點".",這個 句點用來標識一個類選擇符,類名能夠隨意命名,但最好根據元素的用途來定義一個有意義的 名稱。
    .dreamdu-red-font{color;red;}
    <div class="dreamdu-red-font">紅色字體 </div>
例:
head中
<style>spa

  .font_green{color:green;}
</style>
在 HTML 須要用class來引用對象

ID選擇符
ID選擇符與類選擇符極其類似,雷選擇符以"."開頭,而Id選擇符是以"#"開頭。對於一個HTML文檔來講,每個標籤均可以使用id=""的形式進行一個名稱指派,但須要注意,在一個HTML文件中id是具備唯一性是不能夠重複的。
   #font-red{color:red;}
   <div id="font-red">紅色字體</div>
在引用時須要標籤裏用id名稱來關聯文檔

包含選擇符
 若是用戶想對某個對象中的子對象進行樣式指派,包含選擇符就能發揮做用。包含選擇符又稱 爲後代選擇符,由於該選擇符是做用於某個元素中的子元素的,且不只限於兩層標籤元素,能夠多層。
例:
  head
<style>
 h1 span (嵌套 對h1下的span起做用)
    {
       font-size:50px;
       color:blue;
     }
</style>
 body
 <h1>H1改變了嗎</h1>
 <span>span改變了嗎?</span>
 <h1>(只有該狀況改變了)
   <span>w改變了嗎?</span>
 </h1>class

是一個HTML標籤包含了另外一個標籤。把HTML標籤看成選擇器的名稱,全部被指派的標籤都改變屬性 例:
body{background:#00ff00};
tr{ background:#00ff00};引用


羣組選擇符
 使用逗號對選擇符進行分隔,這樣書寫的優勢在於一樣的形式只須要書寫一次,減小了代碼量,有利於改善CSS的代碼結構。例 寬高同樣 顏色不同
<style>
  .a1,a2,a3
{
  width:300px;
  height:300px
}
.a1{background-color:red};
.a2{background-color:green};
.a3{background-color:blue};
</style>
<div class="a1">測試1</div>
<div class="a2">測試2</div>
<div class="a3">測試3<div>命名

注:<style></style>中的註釋不能寫成<!--註釋-->的形式 會影響到顯示效果
    能夠用/*..*/來寫註釋
    樣式

相關文章
相關標籤/搜索