在css中不屬于添加在當(dāng)前頁(yè)面的形式有哪些-創(chuàng)新互聯(lián)

這篇文章主要介紹了在css中不屬于添加在當(dāng)前頁(yè)面的形式有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、小程序設(shè)計(jì)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶(hù)創(chuàng)新互聯(lián)還提供了民豐免費(fèi)建站歡迎大家使用！

在css中不屬于添加在當(dāng)前頁(yè)面的形式是“鏈接式樣式表”和“導(dǎo)入式樣式表”。鏈接式和導(dǎo)入式樣式表統(tǒng)稱(chēng)為外部樣式表，是將CSS代碼寫(xiě)入獨(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)稱(chēng)為外部樣式表，就把css代碼寫(xiě)一個(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>

【

導(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是客戶(hù)端瀏覽你的網(wǎng)頁(yè)時(shí)先將外部的CSS文件加載到網(wǎng)頁(yè)當(dāng)中，然后再進(jìn)行編譯顯示，所以這種情況下顯示出來(lái)的網(wǎng)頁(yè)跟我們預(yù)期的效果一樣，即使網(wǎng)速再慢也是一樣的效果。而使用@import導(dǎo)入的CSS就不同了，客戶(hù)端在瀏覽網(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)先顯示沒(méi)有CSS統(tǒng)一布局時(shí)的html網(wǎng)頁(yè)，這樣就會(huì)給閱讀者很不好的感覺(jué)。這也是現(xiàn)在大部分網(wǎng)站的CSS都采用鏈接方式的最主要原因；

2、導(dǎo)入樣式可以避免過(guò)多頁(yè)面指向一個(gè)css文件。當(dāng)網(wǎng)站中使用同一個(gè)CSS文件的頁(yè)面不是非常多時(shí)，這兩種方式在效果方面幾乎是沒(méi)有不同的，但網(wǎng)站的頁(yè)面數(shù)達(dá)到一定程度時(shí)（比如新浪等門(mén)戶(hù)），如果采用鏈接的方式可能就會(huì)使得由于多個(gè)頁(yè)面調(diào)用同一個(gè)CSS文件而造成速度下降，但是一般頁(yè)面能達(dá)到這種程度的網(wǎng)站也會(huì)有資本用好的硬盤(pán)，所以這方面的因素也不用怎么擔(dān)心。

綜合以上兩方面的因素，我們可以發(fā)現(xiàn)，現(xiàn)在大多數(shù)的網(wǎng)站還是比較喜歡使用鏈接的方式引用外部CSS的。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“在css中不屬于添加在當(dāng)前頁(yè)面的形式有哪些”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

分享標(biāo)題：在css中不屬于添加在當(dāng)前頁(yè)面的形式有哪些-創(chuàng)新互聯(lián)
鏈接分享：http://chinadenli.net/article48/depcep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、軟件開(kāi)發(fā)、建站公司、App設(shè)計(jì)、網(wǎng)站導(dǎo)航、網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

在css中不屬于添加在當(dāng)前頁(yè)面的形式有哪些-創(chuàng)新互聯(lián)