行內元素與塊級元素比較全面的區別和轉換

2021-07-04 07:20:42 字數 1582 閱讀 3865

引言一次偶然的面試遇到的題目,雖然當時知道塊級元素和行內元素的區別,但是沒有仔細去想。

一、行內元素與塊級元素

塊級元素列表

定義位址

定義**標題

定義列表中定義條目

定義文件中的分割槽或節

定義列表

定義列表中的專案

定義乙個框架集

建立 html 表單

定義最大的標題

定義副標題

定義標題

定義標題

定義標題

定義最小的標題

建立一條水平線

元素為 fieldset 元素定義標題

標籤定義列表專案

為那些不支援框架的瀏覽器顯示文字,於

frameset 元素內部

定義在指令碼未被執行時的替代內容

定義有序列表

定義無序列表

標籤定義段落

定義預格式化的文字

標籤定義

html **

標籤**主體(正文)

**中的標準單元格

定義**的頁尾(腳注或表注)

定義表頭單元格

標籤定義**的表頭

定義**中的行

行內元素列表

標籤可定義錨

表示乙個縮寫形式

定義只取首字母縮寫

字型加粗

可覆蓋預設的文字方向

大號字型加粗

換行引用進行定義

定義計算機**文字

定義乙個定義專案

定義為強調的內容

斜體文字效果

向網頁中嵌入一幅影象

輸入框定義鍵盤文字

標籤為 input 元素定義標註(標記)

定義短的引用

定義樣本文字

建立單選或多選選單

呈現小號字型效果

組合文件中的行內元素

語氣更強的強調的內容

定義下標文字

定義上標文字

多行的文字輸入控制項

打字機或者等寬的文字效果

定義變數

可變元素素列表--可變元素為根據上下文語境決定該元素為塊元素或者內聯元素

按鈕定義文件中已被刪除的文字

建立包含另外乙個文件的內聯框架(即行內框架)

標籤定義已經被插入文件中的文字

客戶端影象對映(即熱區)

object物件

客戶端指令碼

二、行內元素與塊級函式的三個區別

1.行內元素與塊級元素直觀上的區別

行內元素會在一條直線上排列,都是同一行的,水平方向排列

塊級元素各佔據一行,垂直方向排列。塊級元素從新行開始結束接著乙個斷行。

2.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。

3.行內元素與塊級元素屬性的不同,主要是盒模型屬性上

行內元素設定width無效,height無效(可以設定line-height),margin上下無效,padding上下無效

三、行內元素轉換為塊級元素

display:block (字面意思表現形式設為塊級)

行內元素與塊級元素比較全面的區別和轉換

一 行內元素與塊級元素 塊級元素列表 定義位址 定義 標題 定義列表中定義條目 定義文件中的分割槽或節 定義列表 定義列表中的專案 定義乙個框架集 建立 html 表單 定義最大的標題 定義副標題 定義標題 定義標題 定義標題 定義最小的標題 建立一條水平線 元素為 fieldset 元素定義標題 ...

行內元素與塊級元素比較全面的區別和轉換

引言 一次偶然的面試遇到的題目,雖然當時知道塊級元素和行內元素的區別,但是沒有仔細去想。一 行內元素與塊級元素 塊級元素列表 定義位址 定義 標題 定義列表中定義條目 定義文件中的分割槽或節 定義列表 定義列表中的專案 定義乙個框架集 建立 html 表單 定義最大的標題 定義副標題 定義標題 定義...

行內元素與塊級元素比較全面的區別和轉換

一 行內元素與塊級元素 塊級元素列表 定義位址 定義 標題 定義列表中定義條目 定義文件中的分割槽或節 定義列表 定義列表中的專案 定義乙個框架集 建立 html 表單 定義最大的標題 定義副標題 定義標題 定義標題 定義標題 定義最小的標題 建立一條水平線 元素為 fieldset 元素定義標題 ...