css元素型別詳解
css元素型別可分為三類：塊狀元素、行內元素以及可變元素（具有爭議）
1、塊狀元素
特點：
a、在頁面中以矩形區域顯示；
b、自上而下排列，獨占一行；
c、可直接添加寬高；
d、一般情況下直接作為其他元素或內容的容器，
塊狀元素：
div：最常用的塊狀元素
dl：和dt、dd搭配使用的塊狀元素
form：互動表單
h1-h6：大標題
hr：水平分隔線
ul：無序串列
ol：有序串列
li：串列單元
p：段落
fieldset：表單欄位集
colgroup-col：表單列分組元素
table-tr-td：表格及行列單元格
2、行內元素
特點：
a、在頁面中最小單位也是矩形；
b、橫向排列，在一行內逐個排列，如果元素間有回車，會出現空格；
c、不可直接添加寬高，大小直接由內容撐開；
d、也符合盒模型規則，但個別屬性會出現問題，如padding-top/bottom，margin-top/bottom(轉化為塊狀元素后可正常使用)，
e、也行內元素在一行排列的時候會有間距，清除方法：
1、添加浮動，
2、把所有行內元素放在一行，不用回車鍵（不推薦使用），
行內元素
a：超鏈接
b：粗體
br：換行
i：斜體
em：強調
img：圖片（特殊行內，可添加大小）
input：輸入框
label：表單標簽
span：常用行內容器，定義文本內區塊
strong：粗體強調
sup、sub：上下標
textarea：多行文本輸入框
3、可變元素
根據背景關系的顯示來確定這個元素是塊狀元素還是行內元素，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/51686.html
標籤：Html/Css
上一篇：HTML（css 樣式）