建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要介紹了css規(guī)則類型有哪些的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇css規(guī)則類型有哪些文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。
創(chuàng)新互聯(lián)建站專注于中陽(yáng)企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),商城開(kāi)發(fā)。中陽(yáng)網(wǎng)站建設(shè)公司,為中陽(yáng)等地區(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)記中，語(yǔ)法“<標(biāo)記 style="屬性名:值1;">”。2、內(nèi)部樣式表，把css樣式寫(xiě)在“
”標(biāo)簽中，并用“示例：
優(yōu)點(diǎn)：跟行間樣式表相同不會(huì)產(chǎn)生額外的請(qǐng)求，且它初步實(shí)現(xiàn)了結(jié)構(gòu)與樣式的分離，比較適合單頁(yè)面網(wǎng)站應(yīng)用。
缺點(diǎn)：由于內(nèi)部樣式表是寫(xiě)在 HTML 文件中的，導(dǎo)致頁(yè)面不純凈、文件體積大、不利于網(wǎng)絡(luò)爬蟲(chóng)獲取信息、不利于維護(hù)、頁(yè)面之間無(wú)法共享樣式
3、外部樣式（外聯(lián)樣式）：
代碼寫(xiě)在css文件內(nèi)。然后在頁(yè)面中通過(guò)鏈接標(biāo)記鏈接到頁(yè)面中，而且該鏈接語(yǔ)句必須放在頁(yè)面的
標(biāo)記區(qū)。如果 CSS 樣式被放置在網(wǎng)頁(yè)文檔外部的文件中，則稱為外部樣式表，一個(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ò)展名文件，然后在頁(yè)面中通過(guò)鏈接標(biāo)記鏈接到頁(yè)面中，而且該鏈接語(yǔ)句必須放在頁(yè)面的
標(biāo)記區(qū)。語(yǔ)法：
2）、CSS導(dǎo)入式
導(dǎo)入式是通過(guò)@import在
簡(jiǎn)單實(shí)例：
外部樣式表的優(yōu)缺點(diǎn)
優(yōu)點(diǎn)：
實(shí)現(xiàn)了結(jié)構(gòu)與表現(xiàn)的代碼完全分離
方便復(fù)用及維護(hù)
因?yàn)榉蛛x到各自獨(dú)立的文件中，讓 HTML 文件大小大幅減少了，從而讓頁(yè)面結(jié)構(gòu)更容易被程序員和網(wǎng)絡(luò)爬蟲(chóng)讀懂
對(duì)搜索引擎友好，讓搜索引擎給頁(yè)面評(píng)分更高，有利于頁(yè)面搜索引擎排名
外部樣式表在用戶首次訪問(wèn)后就被緩存到用戶電腦上，下次訪問(wèn)無(wú)需加載
缺點(diǎn)：
如果樣式很多，CSS 文件會(huì)變的很大查找起來(lái)不方便。此外，多一個(gè) CSS 文件就多一次 HTTP 請(qǐng)求，在訪問(wèn)量大的網(wǎng)站中會(huì)加重服務(wù)器壓力
關(guān)于“css規(guī)則類型有哪些”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“css規(guī)則類型有哪些”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
新聞標(biāo)題：css規(guī)則類型有哪些
瀏覽地址：http://fisionsoft.com.cn/article/ihpsco.html
