溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了在css中不屬于添加在當前頁面的形式有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
在css中不屬于添加在當前頁面的形式是“鏈接式樣式表”和“導入式樣式表”。鏈接式和導入式樣式表統稱為外部樣式表，是將CSS代碼寫入獨立的外部“.css”文件中，再使用link標簽或“@import”引用到網頁文件中的方式。
本教程操作環境：windows7系統、CSS3版、Dell G3電腦。
在css中不屬于添加在當前頁面的形式是“鏈接式樣式表”和“導入式樣式表”。
鏈接式和導入式樣式表統稱為外部樣式表，就把css代碼寫一個單獨的外部文件中，這個css樣式文件以“.css”為擴展名。
外部樣式表需要使用link標簽或“@import”引用到網頁文件中的方式。
例：
<!-- 鏈接外部樣式：也就是在與<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樣式文件引用到網頁文件中來，但二者還是有一些細微的的差別的（因為設計都不會無聊到搞出兩個完全一樣的東西來），下面就根據我所了解到的兩個方面進行探討：
1、使用link鏈接的css是客戶端瀏覽你的網頁時先將外部的CSS文件加載到網頁當中，然后再進行編譯顯示，所以這種情況下顯示出來的網頁跟我們預期的效果一樣，即使網速再慢也是一樣的效果。而使用@import導入的CSS就不同了，客戶端在瀏覽網頁時是先將html的結構呈現出來，再把外部的CSS文件加載到網頁當中，當然最終的效果也是跟前者是一樣的，只是當網速較慢時會出現先顯示沒有CSS統一布局時的html網頁，這樣就會給閱讀者很不好的感覺。這也是現在大部分網站的CSS都采用鏈接方式的最主要原因；
2、導入樣式可以避免過多頁面指向一個css文件。當網站中使用同一個CSS文件的頁面不是非常多時，這兩種方式在效果方面幾乎是沒有不同的，但網站的頁面數達到一定程度時（比如新浪等門戶），如果采用鏈接的方式可能就會使得由于多個頁面調用同一個CSS文件而造成速度下降，但是一般頁面能達到這種程度的網站也會有資本用最好的硬盤，所以這方面的因素也不用怎么擔心。
綜合以上兩方面的因素，我們可以發現，現在大多數的網站還是比較喜歡使用鏈接的方式引用外部CSS的。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“在css中不屬于添加在當前頁面的形式有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
