塊級元素 內聯元素學習筆記

2021-06-26 22:12:40 字數 497 閱讀 5550

1、頁面渲染是按照文件流來渲染的,一行一行,從左到右。

2、三種情況脫離文件流:浮動、絕對定位、固定定位;

3、相對定位不脫離文件流,相對於旁邊的元素定位;

4、行內元素就是只能放在一行內(就像是乙個單詞);塊級元素,就理解為乙個四方塊,可以放在任何乙個地方(就像是乙個段落)。 

5、內聯元素一般只能容下文字、以及其他內聯元素;

6、內聯元素和塊級元素最明顯的區別:塊級元素每次都是從新的一行開始;

7、塊元素(block element)

8、內聯元素(inline element)

9、可變元素:可變元素為根據上下文語境決定該元素為塊元素或者內聯元素。

button - 按鈕

del - 刪除文字

iframe - inline frame

ins - 插入的文字

map - 區塊(map)

object - object物件

script - 客戶端指令碼

學習筆記 內聯元素 塊元素 內聯塊元素的區別

元素就是標籤,布局中常用的有三種標籤,塊元素 內聯元素 內聯塊元素,了解這三種元素的特性,才能熟練的進行頁面布局。塊元素塊元素,也可以稱為行元素,布局中常用的標籤如 div p ul li h1 h6 dl dt dd等等都是塊元素,它在布局中的行為 支援全部的樣式 如果沒有設定寬度,預設的寬度為父...

塊級元素 內聯元素 可變元素

block 塊 元素的特點 總是在新行上開始 高度,行高以及外邊距和內邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度。它可以容納內聯元素和其他塊元素 inline元素的特點 和其他元素都在一行上 高,行高及外邊距和內邊距不可改變 寬度就是它的文字或的寬度,不可改變 內聯元素只能容納文字或...

CSS塊級元素 內聯元素

在css盒子模型中,我們提到了html元素中的塊元素 block element 和內聯元素 inline element 那麼它們究竟是什麼呢?其實,這兩種元素都是html規範中的概念。塊元素 block element 一般是其他元素的容器元素,能容納其他塊元素或內聯元素。最常見的就是p和div...