塊元素和內聯元素的特點

2021-08-25 19:38:05 字數 644 閱讀 4986

塊元素和內聯元素

div就是乙個塊元素,

所謂的塊元素就是會獨佔一行的的元素,無論他的內容有多少(就是與寬度無關),他都會獨佔一整行。

p h1 h2 h3 ... 都是塊元素

div這個標籤沒有任何語義,就是乙個純粹的塊元素,

並且不會為它裡邊的元素設定任何的預設樣式,

div元素主要用來對頁面進行布局的  

span是乙個內聯元素(行內元素)    

所謂的行內元素,指的是只佔自身大小的元素,不會占用一行

常見的內聯元素:

a img iframe span

span沒有任何的語義,span標籤專門用來選中文字,

然後為文本來設定樣式    

塊元素主要用來做頁面中的布局,內聯元素主要用來選中文字設定樣式,

注意:一般情況下只使用塊元素去包含內聯元素,而不會使用內聯元素去包含乙個塊元素

a元素可以包含任意元素,除了他本身

p元素不可以包含任何塊元素

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

元素就是標籤 在布局中常用標籤有三種 塊元素 內聯元素 內聯塊元素 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...