CSS基本語法規範 CSS的使用的標簽：<style></style> style標簽一般放在head裡面，CSS一般由一個選擇器和一個或多個聲明組成 示例如下： 1 <head> 2 <meta charset="utf-8"> 3 <title> 4 Test 5 </title> 6 <sty ...
CSS基本語法規範
CSS的使用的標簽：<style></style>
style標簽一般放在head裡面，CSS一般由一個選擇器和一個或多個聲明組成
示例如下：
1 <head> 2 <meta charset="utf-8"> 3 <title> 4 Test 5 </title> 6 <style> 7 h1 8 { 9 color:blue;font-size: 100px; 10 } 11 </style> 12 </head> 13 <body> 14 <h1>Hello World！</h1> 15 </body>
具體效果：
選擇器即是選擇HTML的標簽，color和font-size是屬性，blue和100px是值，屬性和值類似於C#裡面的鍵值對，一組屬性和值組成了一個聲明
選擇器
選擇器分為基礎選擇器和複合選擇器兩個大類
基礎選擇器是由單個選擇器組成的，它包括標簽選擇器，類選擇器，id選擇器和通配符選擇器
上述的示例就是用的標簽選擇器，即：標簽名{屬性1:屬性值1;屬性2:屬性值2;}
標簽選擇器可以選擇一種標簽，並對其屬性進行修改，標簽選擇器要改只能將一種標簽全部修改，不能單獨修改
類選擇器可以單獨選擇一個或某幾個標簽
語法：.類名{屬性1:屬性值1;}
調用這個類選擇器時，需要調用的標簽裡面寫calss="類名",在給類命名的時候，不能使用已經有的標簽
每個標簽裡面都可以調用多個類，類選擇器的使用類似於C++裡面的封裝繼承
示例：
1 <head> 2 <meta charset="utf-8"> 3 <title> 4 Test 5 </title> 6 <style> 7 .blue 8 { 9 color:blue; 10 } 11 </style> 12 </head> 13 <body> 14 <p>Hello World!</p> 15 <p class="blue">Hello World!</p> 16 <p class="blue">Hello World!</p> 17 </body>
具體效果：
