<p>lorem(設(shè)置假字)<p>
1.元素是什么
在HTML里池磁，元素有三部分構(gòu)成：
- 開始標(biāo)簽
- 內(nèi)容
- 結(jié)束標(biāo)簽
2.標(biāo)簽是什么
標(biāo)簽就是帶有尖括號(hào)的關(guān)鍵詞
<p> 開始標(biāo)簽
<br> 單標(biāo)簽
</ul> 結(jié)束標(biāo)簽
3.元素/標(biāo)簽用途是什么踏施？
用途：標(biāo)簽用于描述網(wǎng)頁內(nèi)容。通過標(biāo)簽告訴瀏覽器：
- 我是一個(gè)標(biāo)題
- 我是一個(gè)段落
- 我是一個(gè)列表
- 我是一個(gè)表格
- 我是一張圖片
- 我是一個(gè)導(dǎo)航
等等
設(shè)計(jì)html標(biāo)簽的人叫什么
蒂姆伯納斯李 （綽號(hào)：萬維網(wǎng)之父）
5.元素類型
lnline：行內(nèi)元素（也叫“內(nèi)聯(lián)元素”）
block：塊元素
inline-block：行內(nèi)塊元素
none：元素顯示為無
list-item：列表元素
table：表格元素
flex：彈性元素
grids：網(wǎng)格元素
6.行內(nèi)元素和塊元素的區(qū)別
| 塊元素 | 行內(nèi)元素 | |
|---|---|---|
| 獨(dú)占一行 | 不會(huì)獨(dú)占一行 | |
| 可以設(shè)置寬高 | 不能設(shè)置寬高 | |
| 自上而下 | 自左而右 |
選擇器
選擇器是什么译仗？
- 選擇器就是選擇元素的方式幢踏。
- 選擇元素的方式多樣化造成了
選擇器分類
一.全局選擇器
/*通配符選擇器*/
*{}
/*也可以選擇元素里的全部元素脑题，如下，把body里的元素全選*/
body *{}
二.基礎(chǔ)選擇器
1.元素選擇器：選擇元素全部標(biāo)簽
2.id選擇器：選擇一個(gè)標(biāo)簽
3.class選擇器：選擇一組標(biāo)簽
三屏轰、屬性選擇器
屬性選擇器：
①通過標(biāo)簽屬性匹配元素颊郎，可以根據(jù)元素的屬性及屬性值來選擇元素。
②所有的屬性選擇器都以方括號(hào)[]包括
CSS 屬性選擇器詳解 (w3school.com.cn)
<style>
/* 屬性選擇器 */
[title]{
color: aqua;
}
/* 屬性值選擇器 */
[title="一級(jí)標(biāo)題"]{
color: blue;
}
/* 屬性值開頭選擇器 */
[href^="http"]::after{
content: '666';
}
/* 屬性值結(jié)尾選擇器 */
[href$=".net"]::after{
content: '77';
}
</style>
四霎苗、偽類選擇器
- :link 匹配未點(diǎn)擊狀態(tài)的超鏈接（超鏈接偽類）
- :active 匹配激活狀態(tài)(鼠標(biāo)按下)的元素
- :hover 匹配懸浮狀態(tài)的元素
- :visited 匹配已訪問狀態(tài)(鼠標(biāo)按下后抬起狀態(tài))的超鏈接 （超鏈接偽類）
- :nth-chid 匹配第n個(gè)元素
- :first-chid 匹配第一個(gè)元素
- :last-chid 匹配最后一個(gè)元素
- :root 匹配根元素（根元素：html或xml）
- :focus 匹配焦點(diǎn)元素（部分元素才用于焦點(diǎn)姆吭，如：表單標(biāo)簽、超鏈接叨粘、按鈕等）
- :not() 匹配不是某個(gè)元素的元素
- :checked 匹配選中的元素
五猾编、偽元素選擇器
- ::before
- ::after
- ::first-letter
- ::first-line
六、組合選擇器
組合選擇器就是把上面這五類組合在一起使用升敲。
- 分組選擇器 使用 逗號(hào)( , ) 組合(匹配逗號(hào)分配的每一項(xiàng))
- 后代選擇器 使用 空格 組合(匹配當(dāng)前元素所有后代元素)
- 子元素選擇器 使用 > 組合(匹配當(dāng)前元素的所有子元素)
- 相鄰兄弟選擇器 使用 + 組合(匹配當(dāng)前元素后面的兄弟元素)
