css學習記錄 css元素型別

2022-03-30 01:17:21 字數 922 閱讀 7153

在css中,元素被分為三種型別:

塊級元素:諸如段落、標題、列表、**、div和body等元素都是塊級(block-level)元素。圖樣和表單輸入這樣的替換元素,可以看做是快級元素,但通常都不這樣看。每個快級元素都從乙個新行開始顯示,而且其後的元素也需另起一行進行顯示。快級元素只能作為其他快級元素的子元素,而且需要一定的條件。

內聯元素:如a、em、span元素及大多數的替換元素,如影象和表單輸入的元素。他們不必在新行上顯示,也不強迫其他元素在新行上顯示,而且可以作為任何其他元素的子元素

列表項元素:在html中包含li元素.他們類似於書籤,用於特殊的表示場合(如圓點、字母或數字)。如果他們出現在某種有序列表中,則具有順序性。因此在有序列表中的列表項能依據他們的上下文自動編號。

這幾種元素佔據了display熟悉的四個值中的三個。

display

初始值 :block  

可否繼承 : 否

適用於 : 所有元素

不像其他的css元素,display一般不會取預設值。給定元素的display值是再文件型別定義-dtd(document type definition)中定義的。所以在html裡。h1和p元素都被定義成塊級元素了。另一方面,a和em是內聯元素,li 是乙個列表項元素。因此,這些元素的預設的display值為:

h1,p

a,em

li替換元素是根據他們的上下文和在文件流中的所處的位置來決定的。例如,乙個浮動的影象通常被認為是塊級元素,但通常影象都是內聯元素

理論上,display可能會擾亂標記語言的結構定義。在傳統的html裡。段落間總是有空白空間,而且兩個段落不能出現在"同一行",但這可以通過下面的規則來改變:

p這樣p元素就和span元素沒有啥區別了 

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