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

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

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

在css中不屬于添加在當前頁面的形式是“鏈接式樣式表”和“導入式樣式表”。鏈接式和導入式樣式表統(tǒng)稱為外部樣式表,是將CSS代碼寫入獨立的外部“.css”文件中,再使用link標簽或“@import”引用到網(wǎng)頁文件中的方式。

本教程操作環(huán)境:windows7系統(tǒng)、CSS3版、Dell G3電腦。

在css中不屬于添加在當前頁面的形式是“鏈接式樣式表”和“導入式樣式表”。

鏈接式和導入式樣式表統(tǒng)稱為外部樣式表,就把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名。

外部樣式表需要使用link標簽或“@import”引用到網(wǎng)頁文件中的方式。

例:

<!-- 鏈接外部樣式:也就是在與<head>與</head>標記之間加入一個<link>標記。 -->
<head>
<link href=”style.css” rel=”stylesheet” type=”text/css” />
</head>

<!-- 導入外部樣式:在內部樣式表的<style></style>標記之間導入一個外部樣式表,導入時用@import。 -->
<style type="text/css">
 @import "CssStyle.css";
</style>

導入式與鏈接式引用外部樣式的方式作用幾乎是一樣的,都是將獨立的CSS樣式文件引用到網(wǎng)頁文件中來,但二者還是有一些細微的的差別的(因為設計都不會無聊到搞出兩個完全一樣的東西來),下面就根據(jù)我所了解到的兩個方面進行探討:

1、使用link鏈接的css是客戶端瀏覽你的網(wǎng)頁時先將外部的CSS文件加載到網(wǎng)頁當中,然后再進行編譯顯示,所以這種情況下顯示出來的網(wǎng)頁跟我們預期的效果一樣,即使網(wǎng)速再慢也是一樣的效果。而使用@import導入的CSS就不同了,客戶端在瀏覽網(wǎng)頁時是先將html的結構呈現(xiàn)出來,再把外部的CSS文件加載到網(wǎng)頁當中,當然最終的效果也是跟前者是一樣的,只是當網(wǎng)速較慢時會出現(xiàn)先顯示沒有CSS統(tǒng)一布局時的html網(wǎng)頁,這樣就會給閱讀者很不好的感覺。這也是現(xiàn)在大部分網(wǎng)站的CSS都采用鏈接方式的最主要原因;

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

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

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

分享標題:在css中不屬于添加在當前頁面的形式有哪些-創(chuàng)新互聯(lián)
鏈接分享:http://www.muchs.cn/article48/depcep.html

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

廣告

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

成都網(wǎng)頁設計公司