學習內容
1.什么是HTML和CSS
2.常用的CSS樣式（CSS語法、選擇器、盒子模型）
3.CSS的三種引入方式（外部樣式、內部樣式、內聯樣式）
4.常用的HTML標簽
5.HTML標簽的分類（塊標簽、內聯標簽、內聯塊以及各自特點）
6.元素的居中
7.選擇元素的優先級
要點總結
1.HTML和CSS的定義
HTML是用來組成網頁的標簽，CSS是用來修飾HTML標簽。HTML的特點是語義化。
2.CSS樣式
①?css語法：
h3? {?
? ? ? ? ? ?padding:10px ; cursor:pointer;
}
②?css常用選擇器：
p.one{} ?class?選擇器
p#two{} ?id?選擇器
p:hover{} 偽類?選擇器
id選擇器不考慮
③ ?盒子模型：
border 和 padding 屬性的改變會對元素的大小有影響
如果給一個值，四周都填充這個值，如果給多個值，按照順時針的方式推。
3.CSS的三種引入方式的關系
內聯樣式（在html元素內）＞內部樣式表（在<head>標簽內）＞外部樣式表
4.HTML的分類
① 塊標簽的特點（div h1`h6 p ui li dl dt dd）：獨占一行，可以設置寬高
② 內聯標簽特點（a span strong i em）：并排顯示，不能設置寬高，不能設置 margin-top? 、 margin-bottom
③ 內聯塊特點（img butto input）：并排顯示，可以設置寬高（img butto input）
5.居中
margin-right: auto; ?margin-left: auto; 只針對塊元素。
可以用 ?display：block 將其轉化成塊元素，然后再實現居中。
6.元素的優先級
當子元素沒有設置寬度時 會默認繼承父元素的寬度
當父元素沒有設置寬度時 會默認繼承子元素的寬度
課后練習
