一.元素型別
1.塊級元素：div、h1-h6、p、列表、form
特點：①佔父元素寬度的一整行，若是設定死寬度，那多餘的位置會用margin填充。
②可以設定寬高
③塊級元素可以包含部分塊級元素及所有的行內元素
應用：若想子元素（塊級元素）在父元素水平居中，對子元素設定margin：0 auto。
2.行內元素：span/a/加粗/傾斜/input/select/textarea/label
特點：①寬高由內容決定，不能設定寬高
②一行顯示多個
③行內元素遵循盒模型，不能設定上下的padding，margin
補充：若想行內元素在容器中居中，則給容器加text-align：center即可
3.元素型別的轉換display
①.block轉換成塊級元素
②.inline 轉換成行內元素
③.inline-block 轉換成行內塊級元素：
特點：一行顯示多個，可設定寬高
當元素設定成乙個行內塊級元素進行布局時，之間的換行會形成乙個空格：
解決辦法：（一）不要換行，（二）給他們設定乙個父元素
④list-item轉換成列表項
⑤.none 隱藏元素，不佔位置
4.大部分塊級元素display屬性值預設為block，其中列表li的預設值為list-item
大部分行內元素display屬性值預設為inline，其中img input textarea的預設值為inline-block
5.當元素設定成行內塊級元素進行布局，之間換行會被當作乙個空格。
第一種解決方式：不要換行
第二種解決方式：給他們設定乙個父元素
6.行內元素垂直方向都存在基線對齊的問題，通過解決
7.若父元素與子元素都浮動了，父元素如果不設定寬度，會由子元素撐開
8.實現在父元素中垂直居中的方式
①。將子元素設定成inline-block：給他乙個同級元素（尺子）
最後給兩個子元素都設定
css元素型別的轉換
day12 1 元素型別的轉換 display屬性 display屬性 屬性值 block inline none 大部分塊狀元素預設的display的值為block，其中li預設的值 list item 列表元素 大部分內聯元素預設的display值為inline，其中input預設的值為 inl...
CSS元素型別及其轉換
根據css顯示分類，xhtml元素被分為 三種型別 塊狀元素，內聯元素，可變元素 三種型別 塊狀元素，內聯元素，內聯塊元素 css2.1增加 a 塊狀元素在網頁中就是以塊的形式顯示，所謂塊狀就是元素顯示為矩形區域，b 預設情況下，塊狀元素都會佔據一行，通俗地說，兩個相鄰塊狀元素不會出現並列顯示的現象...
CSS元素型別的轉換
元素的型別通常分為 塊級元素 內聯元素 內聯塊元素 塊級元素 塊級元素會佔據一行的位置,它後面的元素內容會換行顯示 塊級元素裡面可以放任何內容,主要用來布局。常見的塊級元素 div h1 h6 ul li ol li p table form 行內元素 內聯元素也叫行級元素它只佔據他內容所佔的位置,...