css元素型別

2022-08-01 00:51:12 字數 849 閱讀 1719

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...