這篇文章主要介紹了css規(guī)則類型有哪些的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇css規(guī)則類型有哪些文章都會有所收獲，下面我們一起來看看吧。

創(chuàng)新互聯(lián)建站專注于中陽企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),商城開發(fā)。中陽網(wǎng)站建設(shè)公司,為中陽等地區(qū)提供建站服務(wù)。全流程專業(yè)公司，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)

css規(guī)則的三種類型：1、行內(nèi)樣式表，使用style屬性直接把CSS代碼添加到HTML的標(biāo)記中，語法“<標(biāo)記 style="屬性名:值1;">”。2、內(nèi)部樣式表，把css樣式寫在“”標(biāo)簽中，并用“

示例：

優(yōu)點(diǎn)：跟行間樣式表相同不會產(chǎn)生額外的請求，且它初步實(shí)現(xiàn)了結(jié)構(gòu)與樣式的分離，比較適合單頁面網(wǎng)站應(yīng)用。

缺點(diǎn)：由于內(nèi)部樣式表是寫在 HTML 文件中的，導(dǎo)致頁面不純凈、文件體積大、不利于網(wǎng)絡(luò)爬蟲獲取信息、不利于維護(hù)、頁面之間無法共享樣式

3、外部樣式（外聯(lián)樣式）：

代碼寫在css文件內(nèi)。然后在頁面中通過鏈接標(biāo)記鏈接到頁面中，而且該鏈接語句必須放在頁面的標(biāo)記區(qū)。

如果 CSS 樣式被放置在網(wǎng)頁文檔外部的文件中，則稱為外部樣式表，一個(gè) CSS 樣式表文檔就表示一個(gè)外部樣式表。

實(shí)際上，外部樣式表也就是一個(gè)文本文件，擴(kuò)展名為.css。當(dāng)把CSS樣式代碼復(fù)制到一個(gè)文本文件中后，另存為.css文件，則它就是一個(gè)外部樣式表。

如下圖所示就是一個(gè)外部樣式表：

引入外部樣式表的方式：

HTML文件引用擴(kuò)展名為.css的樣式表，有兩種方式：鏈接式、導(dǎo)入式。

1）、CSS鏈接樣式

鏈接樣式是指在外部定義CSS樣式表并形成以.CSS為擴(kuò)展名文件，然后在頁面中通過鏈接標(biāo)記鏈接到頁面中，而且該鏈接語句必須放在頁面的標(biāo)記區(qū)。

語法：

2）、CSS導(dǎo)入式

導(dǎo)入式是通過@import在

簡單實(shí)例：

外部樣式表的優(yōu)缺點(diǎn)

優(yōu)點(diǎn)：

• 實(shí)現(xiàn)了結(jié)構(gòu)與表現(xiàn)的代碼完全分離

• 方便復(fù)用及維護(hù)

• 因?yàn)榉蛛x到各自獨(dú)立的文件中，讓 HTML 文件大小大幅減少了，從而讓頁面結(jié)構(gòu)更容易被程序員和網(wǎng)絡(luò)爬蟲讀懂

• 對搜索引擎友好，讓搜索引擎給頁面評分更高，有利于頁面搜索引擎排名

• 外部樣式表在用戶首次訪問后就被緩存到用戶電腦上，下次訪問無需加載

缺點(diǎn)：

• 如果樣式很多，CSS 文件會變的很大查找起來不方便。此外，多一個(gè) CSS 文件就多一次 HTTP 請求，在訪問量大的網(wǎng)站中會加重服務(wù)器壓力

關(guān)于“css規(guī)則類型有哪些”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“css規(guī)則類型有哪些”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前標(biāo)題：css規(guī)則類型有哪些
本文URL：http://weahome.cn/article/ihpsco.html