塊狀元素、內聯元素(行內元素)、可變元素
注:行內塊元素歸在內聯元素這一類裡面
塊狀元素特點:
1、在頁面以矩形區域顯示。
2、自上而下排列,獨佔一行。
3、可直接加寬高
4、一般情況下,作為其他元素或內容的容器
內聯元素特點:
1、在頁面中最小單位也是矩形
2、在一行內逐個排列
3、不可以直接新增寬高,大小有內容撐開
4、內聯元素也符合盒模型的規則,但個別屬性會出現問題
5、內聯元素在一行
可變元素(了解)
button標籤典型的可變元素
塊類元素
div內聯元素dl - 和dt-dd
form
h1 -h6
hrolpul
lifieldset
colgroup-col
table-tr-td
adisplay:block此元素將顯示為塊級元素,此元素前後會帶有換行符(後面元素會換行顯示)。b br
iem
img
input
label
span
strong
sub
suptextarea
uselect如果感覺對自己有幫助,麻煩點一下關注,會一直和大家分享知識的,謝謝!!!
inline-block將元素轉化為行內塊元素
inline將元素轉換為行內元素
CSS元素型別
html元素可以分為兩種 塊級元素 block level element 內聯元素 inline element 也叫行元素 兩者的區別在於以下三點 1 塊級元素會獨佔一行 即無法與其他元素顯示在同一行內,除非你顯式修改元素的display屬性 而內聯元素則會在一行內顯示。2 塊級元素可以設定wi...
CSS元素型別
前面有一篇文章講到在css世界中,html元素的表現都是乙個個盒子,而css中盒子的顯示方式有三種方式,分別是塊元素 行內元素和行內塊元素。本文總結這三種顯示方式的特徵和區別。最近在整理cnblogs上頁面的樣式,預設右側 隨筆分類 中的標籤是每行顯示乙個,而我想把右側 隨筆分類 中的標籤設定為一行...
css元素型別
css元素型別分為 塊狀元素,內聯元素,內聯塊狀元素 塊狀元素 1 在頁面中以矩形區域顯示 2 自上而下排列,獨佔一行 3 可以直接新增寬高,可做為其他元素或者內容的容器 常用的塊狀元素有 fieldset 表單字段集 colgroup col 表單列分組元素 table tr td 內聯元素 1 ...