css元素型別分為: 塊狀元素,內聯元素,內聯塊狀元素
塊狀元素
1)在頁面中以矩形區域顯示
2)自上而下排列,獨佔一行
3)可以直接新增寬高,可做為其他元素或者內容的容器
常用的塊狀元素有:、、...、、、、、、、、fieldset(表單字段集)、colgroup-col(表單列分組元素)、table-tr-td
內聯元素
1)在頁面中最小單位也是矩形
2)在一行內排列,不獨佔
3)不可以直接新增寬和高,大小是由內容撐開的。
4)內聯元素也符合盒模型的規則,但是個別屬性會出現問題(padding-top) magin-top/bottom)
5)內聯元素在一行內排列的時候,之間有間距,消除間距的方法:
內聯: a b br i em img input lable span strong sub sup textarea u select
內聯塊狀元素
內聯塊狀元素就是同時具備內聯元素、塊狀元素的特點,
1)和其他元素都在一行上;
2)元素的高度、寬度、行高以及頂和底邊距都可設定.
元素型別的轉換
盒子模型可通過display屬性來改變預設的顯示型別,常用的型別有以下幾種:
1)block塊狀顯示:使內聯元素具備塊屬性標籤的特性
2)inline內聯顯示:使行塊屬性標籤具備內聯元素的特性
3)inline-block行內塊元素顯示:·元素的內容以塊狀顯示,並且與行內的其他元素顯示在同一行 ·支援寬高, 沒有寬度的時候由內容撐開寬度 ·只有這乙個元素型別支援vertical-align屬性。
4)none 此元素不會被顯示。
CSS元素型別
html元素可以分為兩種 塊級元素 block level element 內聯元素 inline element 也叫行元素 兩者的區別在於以下三點 1 塊級元素會獨佔一行 即無法與其他元素顯示在同一行內,除非你顯式修改元素的display屬性 而內聯元素則會在一行內顯示。2 塊級元素可以設定wi...
CSS元素型別
前面有一篇文章講到在css世界中,html元素的表現都是乙個個盒子,而css中盒子的顯示方式有三種方式,分別是塊元素 行內元素和行內塊元素。本文總結這三種顯示方式的特徵和區別。最近在整理cnblogs上頁面的樣式,預設右側 隨筆分類 中的標籤是每行顯示乙個,而我想把右側 隨筆分類 中的標籤設定為一行...
css的元素型別
css的標籤分類 1.塊狀元素 特點 在頁面以矩形區域顯示,之上而下排行,獨佔一行。可以直接新增寬高,可以作為其他元素的內容的容器。div ul li p h1 h6 dl form 2.內聯元素 內聯塊元素 特點 在頁面中有內容來撐開,一行內逐個排列,不可以直接新增寬高,個別屬性會出現問題 pad...