1.上節補充:style標簽寫在head內(不必要給用戶看)
2.CSS語法:選擇器{屬性名:屬性值;}
【eg】 p {color:red;font-size:40px;}
3.通過link標簽引用css:(推薦)
新建css文件,放入html文件同級中,用link標簽在head中引用
4.部分css選擇器:
element:標簽;
.class:需要在標簽中設置class屬性;
#id:需要在標簽中設置id屬性;(與class區別:命名規則上,id獨一無二,class一類)
*:所有;
element,element:兩個標簽效果相同時;(逗號表示并列關系)
element element:前標簽的子孫中的后標簽;(空格表示后代關系)
element>element:前標簽的兒子中的后標簽;(空格表示父子關系)
element:hover:鼠標經過某個標簽時變化;
5.優先級和權重
| 順序有影響:style屬性>style標簽>link css;css中多個標簽 服從后者;多個link 服從后者。
| 明確程度有影響:內部評分。【eg】 h1 a>a
| !important:選擇器{屬性名:屬性值 !important;}【破壞規則者,少用】
6.繼承:父標簽定義的樣式會繼承給子子孫孫