css選擇器和三種引入方式是什么

本篇內(nèi)容主要講解“css選擇器和三種引入方式是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“css選擇器和三種引入方式是什么”吧!

css基礎(chǔ)

一.什么是CSS

• CSS是級(jí)聯(lián)樣式表

• CSS術(shù)語標(biāo)記語言,沒有邏輯

• CSS作用 完成網(wǎng)頁內(nèi)容的樣式與布局

二.CSS的三種引入方式

1. 內(nèi)聯(lián)式

• 書寫位置:在 head標(biāo)簽內(nèi)定義一個(gè)stype標(biāo)簽內(nèi)

• CSS語法:css選擇器{樣式1;樣式2}

• 優(yōu)缺點(diǎn):可讀性強(qiáng)，有復(fù)用性，樣式被html頁面綁定了，不能提供給其它html頁面使用

2. 外聯(lián)式

• 書寫位置:在外部css文件中，在html文件中通過link標(biāo)簽引入css文件

• CCS文件內(nèi)CSS語法:css選擇器{樣式1;樣式2}

• HTML文件中導(dǎo)入CSS文件語法:<link rel="stylesheet" href="CSS文件路徑">

• 優(yōu)缺點(diǎn): 可讀性強(qiáng)，有復(fù)用性，適合團(tuán)隊(duì)開發(fā)(文件級(jí)別的復(fù)用性)

3. 行間式

• 書寫位置:在標(biāo)簽的style屬性中書寫樣式

• CSS語法:<標(biāo)簽 stype='樣式1;樣式2;'>

• 優(yōu)缺點(diǎn):可讀性差，沒有復(fù)用性，書寫直接

4. 三種方式的優(yōu)先級(jí)別

• 內(nèi)聯(lián)與外聯(lián)之間沒有優(yōu)先級(jí)區(qū)別，由于html屬于解釋性語言，書寫在下方的會(huì)覆蓋上方的樣式

• 行間式的優(yōu)先級(jí)要高于一切

三.CSS選擇器

• 統(tǒng)配選擇器* { 樣式1; } <!--表示所有樣式-->

• 標(biāo)簽選擇器標(biāo)簽名 { 樣式1; } <!--表示該標(biāo)簽內(nèi)的樣式-->

• 類選擇器.類名{ 樣式1; } <!--表示該類內(nèi)的樣式-->

• ID選擇器#ID名稱{ 樣式1; } <!--表示該ID下的樣式-->

• 高級(jí)選擇器(簡(jiǎn)單講解)

標(biāo)簽名.類名{
        樣式1;
    }
    <!--同類名的情況下比較前面的標(biāo)簽的個(gè)數(shù),個(gè)數(shù)越多優(yōu)先級(jí)越高-->

• 關(guān)鍵字! important寫在樣式后面用宮格隔開

優(yōu)先級(jí):! important > 行間式 > id > class > 標(biāo)簽 > 統(tǒng)配

從作用范圍來判斷的優(yōu)先級(jí):作用范圍越精確，優(yōu)先級(jí)越高

樣式內(nèi)容key如果有根據(jù)優(yōu)先級(jí)進(jìn)行取舍,沒有則增加

到此，相信大家對(duì)“css選擇器和三種引入方式是什么”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！