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

2022-06-18 10:12:09 字數 440 閱讀 2449

元素就是標籤,布局中常用的有三種標籤,塊元素、內聯元素、內聯塊元素,了解這三種元素的特性,才能熟練的進行頁面布局。

塊元素,也可以稱為行元素,布局中常用的標籤如:div、p、ul、li、h1~h6、dl、dt、dd等等都是塊元素,它在布局中的行為:

內聯元素,也可以稱為行內元素,布局中常用的標籤如:a、span、em、b、strong、i等等都是內聯元素,它們在布局中的行為:

**例子1: 子元素是內聯元素,父元素可分別用text-align屬性,line-height屬性來設定子元素水平,垂直對齊方式,標籤4

解決內聯元素間隙的方法 

1、去掉內聯元素之間的換行

2、將內聯元素的父級設定font-size為0,內聯元素自身再設定font-size

#例子2: 去除內聯元素間隙的方法

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

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