塊元素和內聯元素

2021-09-10 23:09:16 字數 950 閱讀 3763

address , center , div , dl , form , h1 , h2 , h3 , h4 , h5 , h6 , menu , ol , p , table , ul , li

塊級元素的特徵:

①總是在新行上開始,獨佔一整行;

②不設定width時,撐滿一行;

③支援所有css命令;

④可以容納內聯元素和其他塊元素。

(p標籤、h標籤、td標籤內不允許再巢狀塊元素!)

a , b , br , em , font , img , input , label , select , small , span , textarea

內聯元素的特徵:

①各內聯元素可放在同一行;

②不支援寬高width/height設定;(其寬度隨著內容增加,高度隨字型大小而改變)

③可以設定margin,但是不對上下起作用,只對左右起作用;

④可以設定padding,但是在ie6中不對上下起作用,只對左右起作用;

⑤**換行被解析。(兩個內聯標籤之間若換行寫,則解析成乙個空格)

塊元素→內聯元素:

花括號內新增一句

display: inline;

內聯元素→塊元素:

花括號內新增一句

display: block;

△注意:display不會改變元素的本質,僅僅改變顯示效果

綜合設定

display: inline-block

①使塊元素可以在同一行顯示;

②使內聯元素可以設定寬高屬性;

③不設定寬度時,內容撐開寬度;

④**換行被解析;

⑤ie6、ie7不支援該設定。

塊元素 內聯元素 內聯塊元素

元素就是標籤 在布局中常用標籤有三種 塊元素 內聯元素 內聯塊元素 1.塊元素也是行級元素 在布局中常用的標籤有 div p ul li h1 h6 dl dd dt等。在布局中的行為 如果不設定固定寬度預設百分之百,不設定高度 由內容撐起,獨佔一行 2.內聯元素也是行內元素 在布局中常用的標籤有 ...

塊元素 內聯元素 內聯塊元素

元素就是標籤,布局中常用的有三種標籤,塊元素 內聯元素 內聯塊元素,了解這三種元素的特性,才能熟練的進行頁面布局。塊元素 塊元素,也可以稱為行元素,布局中常用的標籤如 div p ul li h1 h6 dl dt dd等等都是塊元素,它在布局中的行為 內聯元素 內聯元素,也可以稱為行內元素,布局中...

塊元素 內聯元素 內聯塊元素

一 塊元素 行元素 div p ul li h1 h6 dl dt dd 盒子佔據一行 即使設定了寬度 支援全部的樣式 如果沒有設定寬度,預設的寬度為父級寬度100 二 內聯元素 行內元素 a span em b strong i 盒子並在一行 支援部分樣式 不支援寬 高 margin上下 padd...