heml元素和標籤的記錄

2021-09-28 18:54:47 字數 808 閱讀 3096

元素和標籤的記錄

內聯元素與塊元素的區別:

塊元素:(div、p、h1-h6)獨佔一行,如果在父級裝不下的情況下,會自動換行,浮動(float)可以使塊元素換行,可以設定寬高

內聯元素:(span、a)不獨佔一行,沒有寬高,可以使用浮動(float)轉換成塊元素,設定寬高

使用浮動後,一定要清除浮動

塊元素裡可以套塊元素和內聯元素;內聯元素不允許巢狀塊元素

寫**第一件事:清除所有元素預設的margin和padding

eg:如何讓內聯元素有寬高:

1.設定浮動,轉換成塊元素

2.display:inline-block,block,inline,none

display: inline 讓塊元素轉換為內關內素

display:block 讓內聯元素轉換為塊元素

display:none 隱藏樣式(比如:當滑鼠指向某個內容時,會出現隱藏的內容)

優先使用浮動的樣式來讓內聯元素有寬高

程式裡面預設只認乙個空格,程式裡面的空格是「 」

文字標籤的介紹

、 、、 以上標籤均可編輯文字!

塊元素,有寬高,也可以編輯文字(一般不用div編輯文字)

內聯元素,沒有寬高,用來編輯文字少的

(段落標籤)塊元素,獨佔一行,有寬高,文字多的用

來編寫,可以加浮動,清除float用,

標籤裡面只能放文字 (標題標籤)塊元素,獨佔一行,只能放文字,字型黑、大有6個,

自閉和標籤和偽元素

html 是 web 統一語言,這些容納在尖括號裡的簡單標籤,構成了如今的 web。1991 年,tim berners lee編寫了乙份叫做 html 標籤 的文件,裡面包含了大約20個用來標記網頁的 html 標籤。他直接借用sgml的標記格式,也就是後來我們看到的 html 標記的格式。本文講...

html標籤元素分類 行內元素和塊級元素

在css中,html中的標籤元素大體被分為三種不同的型別 塊狀元素 內聯元素 又叫行內元素 和內聯塊狀元素。常用的塊狀元素有 常用的內聯元素有 常用的內聯塊狀元素有 下面部分 內聯元素 inline element a 錨點 b 粗體 不推薦 br 換行 em 強調 font 字型設定 不推薦 i ...

xhtml標籤中的塊級元素標籤與內聯元素標籤

塊元素 block element 形象點說就是乙個四方塊,可以放在頁面上任何地方,一般都會另起一行顯示。常見的塊級元素標籤 主要的結構化塊狀元素 支援結構化的元素 終端塊狀元素 多目標塊狀元素 內聯元素 inline element 一般都是基於語義級 semantic 的基本元素,只能容納文字或...