CSS元素型別

2021-08-21 17:55:16 字數 555 閱讀 2965

html元素可以分為兩種:

*塊級元素(block level element)

*內聯元素(inline element 也叫行元素)

兩者的區別在於以下三點:

1)塊級元素會獨佔一行(即無法與其他元素顯示在同一行內,除非你顯式修改元素的display屬性),而內聯元素則會在一行內顯示。

2)塊級元素可以設定width height屬性,而內聯元素設定無效。

3)塊級元素的width屬性預設為100%,而內聯元素則是根據自身的內容或子元素來決定其寬度,要想內聯元素如設定寬高,可以通過設定display:block來達到效果。當dis[lay的值設定為b;ock時,元素將以塊級形式顯現;當display的值為inline時,元素以內聯形式呈現。

4)若想讓元素在行內顯示,又能設定寬高,可以設定display:inline-block。inline-block就是讓元素對外呈內聯元素,可以和其他元素共處一行內;對內則讓元素呈塊級元素,可以改變其寬高。

5)html**是順序執行的,行內元素就從上到下排列,遇到內聯元素從左到右排列。這種無樣式的情況下,元素的分布叫做普通流。

CSS元素型別

前面有一篇文章講到在css世界中,html元素的表現都是乙個個盒子,而css中盒子的顯示方式有三種方式,分別是塊元素 行內元素和行內塊元素。本文總結這三種顯示方式的特徵和區別。最近在整理cnblogs上頁面的樣式,預設右側 隨筆分類 中的標籤是每行顯示乙個,而我想把右側 隨筆分類 中的標籤設定為一行...

css元素型別

css元素型別分為 塊狀元素,內聯元素,內聯塊狀元素 塊狀元素 1 在頁面中以矩形區域顯示 2 自上而下排列,獨佔一行 3 可以直接新增寬高,可做為其他元素或者內容的容器 常用的塊狀元素有 fieldset 表單字段集 colgroup col 表單列分組元素 table tr td 內聯元素 1 ...

css的元素型別

css的標籤分類 1.塊狀元素 特點 在頁面以矩形區域顯示,之上而下排行,獨佔一行。可以直接新增寬高,可以作為其他元素的內容的容器。div ul li p h1 h6 dl form 2.內聯元素 內聯塊元素 特點 在頁面中有內容來撐開,一行內逐個排列,不可以直接新增寬高,個別屬性會出現問題 pad...