HTML常用標籤及選擇器

2021-10-03 19:12:15 字數 1296 閱讀 9633

html基本標籤

補充內容

標籤分為雙標籤和單標籤,雙標籤例如

單標籤例如

標籤名

標籤備註

標題標籤

h1~h6

文字大小依次減小 ,塊級標籤

段落標籤

p塊級標籤

換行標籤

br塊級標籤

水平線標籤

hr塊級標籤

div標籤

div塊級標籤

span標籤

span

行內標籤

引用標籤

blockquote

塊級標籤

展示標籤

im**ideo

塊級標籤

音訊展示標籤

audio

鏈結標籤

a無序列表標籤

ul塊級標籤 li

有序列表標籤

ol塊級標籤 li

自定義列表標籤

dl塊級標籤 dt 小標題 dl 內容

加粗標籤

strong/b

行內標籤

斜體標籤

em/i

行內標籤

下劃線標籤

ins/u

行內標籤

刪除線標籤

del/s

行內標籤

選擇器例

備註類選擇器

class=「box1」 使用時為.box1

可取多次

id選擇器

id=「box1」 使用時為#box1

只能有乙個

標籤選擇器

div/p/a

直接利用標籤名

交集選擇器

div.dachui

dacui為div標籤中的id或class的內容

並集選擇器

div,p,a{}

標籤後也可加id或class中的內容

後代元素選擇器

div li

子代選擇器

.yeye>li>li

相鄰元素選擇器

.llo1+li / .llo1+li+li

一次只能作用於乙個相鄰

兄弟元素選擇器

.ll01~li

一次可作用於多個兄弟

width 寬度

height 高度

background-color 背景顏色

margin 邊距 margin:0 auto;水平居中

fint-size 字型大小

font-family 字型

color 字型顏色

HTML常用選擇器

在html中常見選擇器有 元素選擇器 id選擇器 類選擇器 class 選擇器分組 並集選擇器 通配選擇器 復合選擇器 交集選擇器 元素選擇器 作用 通過元素選擇器可以選擇頁面中的所有指定元素。語法 標籤名 例如 pid選擇器 作用 通過元素的id值選中唯一的元素。語法 id屬性值 例如 p1注意 ...

HTML之常用選擇器

瀏覽器為html文件內標籤名與標籤選擇器名相同的標籤元素新增css樣式 語法格式 標籤選擇器名示例 鄭州大學 瀏覽器為id標籤屬性的屬性值與id選擇器名相同的標籤元素新增css樣式 語法格式 id選擇器名示例 鄭州大學 執行結果與上述結果一致 備註 1 id標籤屬性的屬性值不能以數字開頭 2 id標...

標籤 選擇器

選擇標籤,除了大家眾說周知的 id class name 外,還可以 屬性選擇器 a class icon 選擇匹配a 元素,並且 a 元素的class 是以icon 開頭的,class 可以換成任意屬性 a href pdf 選擇匹配a 元素,並且 a 元素的href 是以pdf 結尾的,href...