在對css簡介（上篇部落格）了解後，便希望使用css對頁面進行全方位的控制。本篇部落格主要介紹如何使用css控制頁面，以及其控制頁面的各種方法，包括行內樣式、內嵌式、鏈結式和匯入式。
行內樣式是所有樣式方法中最為直接的一種，它直接對html的標記使用style屬性然後將css**直接寫在其中。如圖
其顯示效果如下圖所示，可以看到上面圖中在3個標記中都使用style屬性，並且設定了不同的css樣式，各個樣式之間互不影響，都分別顯示自己的樣式。
行內樣式是最為簡單的css使用方法，但由於需要為每乙個標記設定style屬性，後期維護成本很高，而且網頁體積容易過胖。因此不推薦使用
內嵌樣式表就是將css寫在之間，並且用標記進行宣告，如下圖所示
從圖中看到，所有css的**部分被集中在了同乙個區域，方便了後期的維護，頁面本身也大大**。但是如果是乙個**，擁有很多的頁面，對於不同頁面上的標記都希望採用同樣的風格時，內嵌式的方法就顯得略微麻煩，維護成本也不低，因此內嵌式的方法僅適用於對特殊頁面設定單獨的樣式風格。
鏈結式css樣式表是使用頻率最高，也是最為實用的方法。它將html頁面本身與css樣式風格分離為兩個或者多個檔案。實現了頁面結構（html框架）與表現（css美工）的完全分離，使得前期製作和後期維護都十分方便，**後台的技術人員與美工設計者也可以很好地分工合作。對於同乙個css檔案可以鏈結到多個html檔案中，乃至整個**的所有頁面中，使得**整體風格統
一、協調，並且後期維護的工作量也大大減少。如下圖所示：
從上圖中可以看到，檔案1.css將所有**從html檔案3-7.html中分離出來，然後在3-7.html的標記之間加上「」語句，將css檔案鏈結到頁面中，對其中的標記進行樣式控制，顯示效果如圖：
鏈結式樣式表的最大優勢就在與css**與html**完全分離，並且同乙個css檔案可以被不同的html所鏈結使用。因此在設計整個**時，可以將所有頁面都鏈結到同乙個css檔案，使用相同的樣式風格。如果整個**需要進行樣式上的修改，就僅僅只需要修改這乙個css檔案即可。
匯入樣式與鏈結樣式表的功能基本相同，只是語法和運作方式略有區別，採用import方式匯入的樣式表，在html檔案初始化時，會被匯入到html檔案內，作為其一部分，類似內嵌式的效果。而鏈結式樣式表則是在html的標記需要格式是才以鏈結的方式引入。在html檔案中匯入樣式表，常用的有如下幾種@import語法，讀者可以任意選擇一種放在標記之間如圖
匯入樣式表如圖:
在上面鏈結式圖形中的**基礎上進行了修改，加入了的標記，前兩行的效果與鏈結式效果圖完全相同，可以在下圖中看到新引入的的標記由於沒有設定樣式，所以保持著預設的風格。
CSS 控制頁面
通常以三種元素作為背景色 背景顏色 背景 背景顏色和背景混用 一 使用背景顏色 格式 backgroung color 顏色值 設定塊的背景顏色，可以用通類選擇符樣式實現，即在css樣式中設定 也可直接在body中設定。二 使用背景 1.預設屬性 格式 background image 路徑 例 b...
CSS控制頁面的方法
1.行內樣式 p style color ff000 font size 20px text decoration underline 正文內容1 p 2.內嵌樣式 style type text css p style 3.連線式css樣式 link href type text css rel ...
CSS 頁面美化和布局控制
2.好處 層疊 多個樣式可以作用在同乙個html的元素上，同時生效1.功能強大 2.將內容展示和樣式控制分離 降低耦合度。解耦 讓分工協作更容易 提高開發效率1.內聯樣式 在標籤內使用style屬性指定css 如 hello css 2.內部樣式 在head標籤內，定義style標籤，style標籤...