神奇的標籤 塊級元素,行內元素,空元素

2021-09-26 06:01:49 字數 1166 閱讀 2226

最近有人問我,前端模組為什麼是空著的。是呀,前端模組一直沒有著手開始寫,不是因為沒有東西可寫,是一直在想著以什麼樣的前端開篇,有太多東西要寫,但如果沒有規劃的寫,可能久而久之的就遺棄了。所以再三決定,從我第一次認識前端知識開始寫起,當然對於那些前端大牛,也許這篇文章沒有營養,但我相信也不乏一些剛起步進入前端行業的新人,所以大家選擇性預覽。

前端是乙個很容易入門,但卻很難走進去的乙個行業。看似簡單,但一旦深入,就「不可自拔」。說到,前端,肯定少不了要認識他的組成元素,那這就涉及到塊級元素,行內元素以及一些空元素。

html標籤定義:

是由一對尖括號包裹的單詞構成,例如: .

標籤不區分大小寫和 , 推薦使用小寫.

標籤分為兩部分: 開始標籤和 結束標籤, 兩個標籤之間的部分我們叫做標籤體.

有些標籤功能比較簡單,使用乙個標籤即可,這種標籤叫做自閉和標籤,例如:

標籤可以巢狀,例如:;但是不能交叉巢狀,例如:

總是在新行上開始;

高度,行高以及外邊距和內邊距都可控制;

寬度預設是它的容器的100%,除非設定乙個寬度。

它可以容納內聯元素和其他塊元素

塊級元素分類(雙標籤,eg:

):,,,,,定義 html 標題。

定義文件中的節。

定義段落。

定義無序列表。

定義有序列表。

定義列表的專案。

自定義定義列表。

自定義定義列表中的專案。

自定義定義列表中專案的描述。

定義**。

定義**中的表頭內容。

定義**中的主體內容。

定義**中的表注內容(腳注)。

定義**中的表頭單元格。

定義**中的行。

定義**中的單元。定義預格式文字。

定義位址。

定義文章。

定義頁面內容之外的內容。

定義聲音內容。定義長的引用。

定義圖形。

定義**標題。

定義元素的細節。

定義圍繞表單中元素的邊框。

定義 figure 元素的標題。

定義媒介內容的分組,以及它們的標題。

定義 section 或 page 的頁尾。

定義供使用者輸入的 html 表單。

塊級元素,行內元素,行內塊元素

內聯元素 行內元素 內聯元素 inline element 行內塊元素 a 錨點 abbr 縮寫 acronym 首字 b 粗體 不推薦 bdo bidi override big 大字型 br 換行 cite 引用 code 計算機 在引用原始碼的時候需要 dfn 定義字段 em 強調 font ...

塊級元素,行內元素,行內塊元素

獨佔一行,對寬高的屬性值生效 如果不給寬度,預設為瀏覽器的寬度即100 塊標籤 p div ul ol li dl dt dd h1 h6 form 可以多個標籤存在一行,對寬高的屬性值不生效,靠內容撐開 行內標籤 a span em strong b i u label br 結合行內和塊級元素的...

CSS的元素分類 塊級元素 行內元素 行內塊元素

在面試中有遇到一些很簡單的問題,但是比較容易忽略掉一部分,或者算是知識盲區吧 和面試官簡單的寒暄,進入正題,說說你對css元素分類的看法?根據自己認識的水平大概的講了分類,具體哪些元素,但是感覺少了點什麼又說不上來。回來查詢之後特此把知識點記錄以下 1.塊級元素 如 div,h1 h6,p,ul,l...