CSS控制页面
CSS控制頁面
? ? ? ? ? 使用CSS控制頁面，可以有多種方法，包括行內樣式，內嵌式，鏈接式和導入式等。
? ? ? ? ??行內樣式
? ? ? ? ??最為直接的一種，直接對HTML的標記使用style屬性，然后，將CSS代碼直接寫在其中。
? ? ? ? ??行內樣式，是最為簡單的CSS使用方法，但是，需要為每一個標記設置style屬性，后期維護成本依然很高，而且，網頁容易過胖，不推薦使用。
? ? ? ? ??內嵌式
? ? ? ? ??就是將CSS寫在<head>與</head>之間，并且，使用<style>和</style>標記進行聲明。
? ? ? ? ??所有的CSS代碼部分，都被集中在了同一個區域，方便了后期的維護，頁面本身也大大瘦身。
? ? ? ? ??但是，如果是一個網站，擁有很多的頁面，對于不同頁面上的<p>標記都希望采用相同的風格時，內嵌式就顯得非常麻煩，維護成本也不低，因此，僅適用于對特殊的頁面設置單獨的風格樣式。
? ? ? ? ??鏈接式
? ? ? ? ??使用頻率最高，也是最實用的方法，就是將HTML頁面本身和CSS樣式風格分離為兩個，或者多個文件，實現了頁面框架HTML代碼與美工CSS代碼的完全分離，使得前期制作，后期維護都非常的方便，網站后臺的技術人員和美工設計中可以很好地分工合作。
? ? ? ? ??對于同一個CSS文件，可以鏈接到多個HTML文件中，甚至可以鏈接到整個網站的所有頁面中，使得網站整體風格統一協調，并且，后期維護的工作量大大減小。
? ? ? ? ??導入樣式
? ? ? ? ??導入樣式和鏈接樣式功能基本相同，采用import方式導入的樣式表，在HTML文件初始化時，會被導入到HTML文件內，作為文件的一部分，類似內嵌式的效果。
? ? ? ? ??而鏈接式，則是在HTML的標記需要格式時才以鏈接的方式引入。
? ? ? ? ??常用的導入樣式@import語句：
? ? ? ? ??@importurl(sheet1.css);
? ? ? ? ??@importurl("sheet1.css");
? ? ? ? ??@importurl('sheet1.css');
? ? ? ? ??@importsheet1.css;
? ? ? ? ??@import"sheet1.css";
? ? ? ? ??@import'sheet1.css';
? ? ? ? ??不僅可以在HTML文件的<style>與</style>標記中可以導入多各樣式表，在CSS文件內也可以導入其他的樣式表。
? ? ? ? ??各種方式的優先級
? ? ? ? ??行內樣式的優先級最高，其次是采用<link>標記的鏈接式，再次是位于<style>和<style>之間的內嵌式，最后，才是導入式@import。
? ? ? ? ??雖然，各種CSS樣式有先后的優先級，但是，在建設網站時，最好只使用其中的1~2種，這樣，既有利于后期的維護和管理，也不會出現各種樣式碰撞的情況，有利于設計者理清設計的整體思路。
?
?
?
總結
- 上一篇： XML Schema简介
- 下一篇： CSS选择器的声明与嵌套