站長(zhǎng)資訊網(wǎng)在css中不屬于添加在當(dāng)前頁(yè)面的形式是“鏈接式樣式表”和“導(dǎo)入式樣式表”。鏈接式和導(dǎo)入式樣式表統(tǒng)稱為外部樣式表，是將CSS代碼寫入獨(dú)立的外部“.css”文件中，再使用link標(biāo)簽或“@import”引用到網(wǎng)頁(yè)文件中的方式。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。
在css中不屬于添加在當(dāng)前頁(yè)面的形式是“鏈接式樣式表”和“導(dǎo)入式樣式表”。
鏈接式和導(dǎo)入式樣式表統(tǒng)稱為外部樣式表，就把css代碼寫一個(gè)單獨(dú)的外部文件中，這個(gè)css樣式文件以“.css”為擴(kuò)展名。
外部樣式表需要使用link標(biāo)簽或“@import”引用到網(wǎng)頁(yè)文件中的方式。
例：
<!-- 鏈接外部樣式：也就是在與<head>與</head>標(biāo)記之間加入一個(gè)<link>標(biāo)記。 --> <head> <link href=”style.css” rel=”stylesheet” type=”text/css” /> </head> <!-- 導(dǎo)入外部樣式：在內(nèi)部樣式表的<style></style>標(biāo)記之間導(dǎo)入一個(gè)外部樣式表，導(dǎo)入時(shí)用@import。 --> <style type="text/css"> @import "CssStyle.css"; </style>
【推薦教程：CSS視頻教程 】
導(dǎo)入式與鏈接式引用外部樣式的方式作用幾乎是一樣的，都是將獨(dú)立的CSS樣式文件引用到網(wǎng)頁(yè)文件中來(lái)，但二者還是有一些細(xì)微的的差別的（因?yàn)樵O(shè)計(jì)都不會(huì)無(wú)聊到搞出兩個(gè)完全一樣的東西來(lái)），下面就根據(jù)我所了解到的兩個(gè)方面進(jìn)行探討：
1、使用link鏈接的css是客戶端瀏覽你的網(wǎng)頁(yè)時(shí)先將外部的CSS文件加載到網(wǎng)頁(yè)當(dāng)中，然后再進(jìn)行編譯顯示，所以這種情況下顯示出來(lái)的網(wǎng)頁(yè)跟我們預(yù)期的效果一樣，即使網(wǎng)速再慢也是一樣的效果。而使用@import導(dǎo)入的CSS就不同了，客戶端在瀏覽網(wǎng)頁(yè)時(shí)是先將html的結(jié)構(gòu)呈現(xiàn)出來(lái)，再把外部的CSS文件加載到網(wǎng)頁(yè)當(dāng)中，當(dāng)然最終的效果也是跟前者是一樣的，只是當(dāng)網(wǎng)速較慢時(shí)會(huì)出現(xiàn)先顯示沒有CSS統(tǒng)一布局時(shí)的html網(wǎng)頁(yè)，這樣就會(huì)給閱讀者很不好的感覺。這也是現(xiàn)在大部分網(wǎng)站的CSS都采用鏈接方式的最主要原因；
2、導(dǎo)入樣式可以避免過(guò)多頁(yè)面指向一個(gè)css文件。當(dāng)網(wǎng)站中使用同一個(gè)CSS文件的頁(yè)面不是非常多時(shí)，這兩種方式在效果方面幾乎是沒有不同的，但網(wǎng)站的頁(yè)面數(shù)達(dá)到一定程度時(shí)（比如新浪等門戶），如果采用鏈接的方式可能就會(huì)使得由于多個(gè)頁(yè)面調(diào)用同一個(gè)CSS文件而造成速度下降，但是一般頁(yè)面能達(dá)到這種程度的網(wǎng)站也會(huì)有資本用最好的硬盤，所以這方面的因素也不用怎么擔(dān)心。
綜合以上兩方面的因素，我們可以發(fā)現(xiàn)，現(xiàn)在大多數(shù)的網(wǎng)站還是比較喜歡使用鏈接的方式引用外部CSS的。
