1、什么是css?
層疊樣式表,主要用于設(shè)置HTML頁(yè)面中的文本內(nèi)容,圖片的外形以及版本的布局等外觀樣式。
Css是以html為基礎(chǔ),提供豐富的功能。
2、ul>(li>a)*3+tab鍵(>代表父子關(guān)系)
3、所有標(biāo)簽都有一個(gè)默認(rèn)樣式,我們成為瀏覽器樣式,或默認(rèn)樣式。
4、引入css方式:
行內(nèi)樣式:
“<h1 style="color: red;? font-size: 12px;">傳智播客-前端css基礎(chǔ)視頻課程”
(像素是圖片上的一個(gè)點(diǎn))
內(nèi)嵌樣式(內(nèi)部樣式):在head標(biāo)簽中添加style標(biāo)簽。
p {
color: green;
background-color: silver;
}
5、最常用的方式:外部樣式,外聯(lián)樣式(link)
一種不常用的樣式:導(dǎo)入樣式import樣式(倒入樣式必須寫在所有的其他樣式之前)在css文件中也可以再倒入其他的css文件。
6、css的語(yǔ)法
選擇符聲明
P ??{color:red;}
選擇符{屬性:屬性值;}
Html和css盡量不相互影響。
7、css的注釋
/*注釋內(nèi)容*/
注釋開始/*注釋結(jié)束*/注釋不能嵌套
多行注釋:/*
放多行注釋內(nèi)容
放多行注釋內(nèi)容
放多行注釋內(nèi)容
*/
一般用于css模塊的注釋,文件頭的注釋。
8、css選擇器綜述
? ? ?*的優(yōu)先級(jí)很高,會(huì)覆蓋所有的樣式。
? ? ? P,ul之類都是標(biāo)簽選擇器。
? ? ? 所有標(biāo)簽都可以有id(一個(gè)html頁(yè)面中id必須唯一,不可重復(fù)),id選擇器:#p1{} ??#p2{}