web相容學習分析筆記 塊級 內聯 內聯塊級元素

2022-05-24 09:57:07 字數 1937 閱讀 4571

一、塊級、內聯、內聯塊級元素

(1)塊級元素:block    

**獨佔一行

**可設定width,height,margin,padding

**內部可包含塊級或內聯元素

(3)內聯(行內)元素:inline      

**和其他inline元素同行顯示

**可以設定margin-left,margin-righ,padding-left,padding-right,

**無效設定widht,height,margin-top,margin-bottom,padding-top,padding-bottom

**內部可包含塊級或內聯元素,內部包含塊級元素時,該塊級元素繼續保持獨行顯示,下乙個內聯元素會換行顯示

(4)內聯塊級元素:inline-block

**和其他inline或inline-block元素同行顯示。

**和塊級元素一樣可設定width,height,margin,padding。

**內部可包含塊級或內聯元素,內部包含塊級元素時,該塊級元素會在內聯元素的內部獨行顯示,不會影響下乙個內聯元素的同行顯示

塊級元素

定義文件中的節

定義長的引用

定義列表詳情

定義圍繞表單元素的邊框

定義html的表單

--標題

水平線定義元素的標題

定義列表的專案

定義內嵌物件

定義有序列表

定義段落

定義預格式文字

定義**

定義無序列表

html5新元素

定義乙個文章區域

定義頁面的側邊欄內容

定義音訊內容

定義畫布

定義對話方塊,比如提示框

定義嵌入的內容,比如外掛程式

定義獨立的流內容(影象、圖示、**、**等)

定義元素的標題

定義section或document的頁尾 

定義文件的頭部區域

定義導航鏈結的部分

標籤定義文件中的節(section、區段)。比如章節、頁首、頁尾或文件中的其他部分

標籤包含 details 元素的標題,"details" 元素用於描述有關文件或文件片段的詳細資訊

內聯元素

超文字鏈結

文件作者或擁有者的聯絡資訊

,定義縮寫

定義影象對映內部的區域

加粗字型

定義文字方向

定義引用

計算機**

定義定義專案

定義強調文字

斜體定義被插入的文字

定義鍵盤文字

定義input元素的標註

定義圖形對映

定義帶記號的文字

定義短的引用

計算機樣本

定義小號文字

定義文件中的節

定義強調文字

定義下標文字

定義上標文字

定義打字機文字

定義文字的變數部分

html5新元素

允許您設定一段文字,使其脫離其父元素的文字方向設定。

定義度量衡。僅用於已知最大和最小值的度量

在 ruby 注釋中使用,以定義不支援 ruby 元素的瀏覽器所顯示的內容

標籤定義字元(中文注音或字元)的解釋或發音

標籤定義 ruby 注釋(中文注音或字元)

定義日期或時間,或者兩者

規定在文字中的何處適合新增換行符

內聯塊級元素

定義乙個點選按鈕

定義內聯框架

定義影象

定義輸入控制項

定義選擇列表(下拉列表)

定義多行的文字輸入控制項

html5新元素

對表單生成金鑰字段

定義執行中的進度(程序)

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

1 頁面渲染是按照文件流來渲染的,一行一行,從左到右。2 三種情況脫離文件流 浮動 絕對定位 固定定位 3 相對定位不脫離文件流,相對於旁邊的元素定位 4 行內元素就是只能放在一行內 就像是乙個單詞 塊級元素,就理解為乙個四方塊,可以放在任何乙個地方 就像是乙個段落 5 內聯元素一般只能容下文字 以...

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

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

在html中塊級元素與內聯元素分析

塊級元素 block 特性 總是獨佔一行,表現為另起一行開始,而且其後的元素也必須另起一行顯示 內聯元素 inline 特性 和相鄰的內聯元素在同一行。塊級元素 block 特性 總是獨佔一行,表現為另起一行開始,而且其後的元素也必須另起一行顯示 寬度 width 高度 height 內邊距 pad...