本節主要講解，兩個內容，使用xhtml +css 布局頁面，其中有個很重要的特點就是內容與表象相分離，內容指html頁面**，表象就是css**了，如果把頁面看成穿著衣服的人的話，人就是 html，是內容，而衣服呢就是css，是表第一：css 如何控制頁面樣式，有 幾種方式；
第二：這些方式出現在同乙個頁面時的優先順序。
象，現在出現的問題是，如何讓css去控制頁面？或者說，如何讓衣服穿在人身上，好體現出人得風格特 點；不同的css就可以使頁面出現不同的風格適用不同的**，而不同的衣服，人穿上後就會體現
出不同的職業。
第一：如何讓css去控制html頁面效果呢？
有 這麼4種方式，行內方式、內嵌方式、鏈結方式、匯入方式
1）行內方式
行內方式是4種樣式中最直接最簡單的一種，直接對html標籤適用style=""，例如：
雖然這種方法比較直接，在製作頁面的時候需要為很多的標籤設定style屬性，所以會導致html頁面不夠純淨，檔案體積過大，不利於搜尋蜘蛛爬行，從而 導致後期維護成本高。
2）內嵌方式
內嵌方式就是將css**寫在之間，並且用< /style>進行宣告，例如：
全國的css愛好者匯聚於此，如果不來，你就out嘍~我們的口號是：
「分享自己的歡樂與痛苦，分享自己的經驗與心得，分享自己的資料與資源」
如果您也願意，就加入我們吧~
內嵌方式，大家應該也能意識到，即使有公共css**，也是每個頁面都要定義的，如果乙個**有很多頁面，每個檔案都會變大，後期維護也大，如果檔案很 少，css**也不多，這種方式還是很不錯
的。3）鏈結方式
鏈結方式是使用頻率最高，最實用的方式，只需要在之間加上
，就可以了，這種方式將html檔案和css檔案徹底分成兩個
或者多個檔案，實現了頁面框架html**與美工css**的完全分離，使得前期制 作和後期維護都十分方便，並且如果要保持頁面風格統一，只需要把這些公共的css檔案單獨儲存成乙個檔案，其他的頁
面就可以分別呼叫自身的css 檔案，如果需要改變**風格，只需要修改公共css檔案就ok了，相當的方便，這才是我們xhtml+css製作頁面提倡的方式。
html**
全國的css愛好者匯聚於此，如果不來，你就out嘍~我們的口號是：
「分享自己的歡樂與痛苦，分享自己的經驗與心得，分享自己的資料與資源」
如果您也願意，就加入我們吧~
css**
#div1
#div1 img
4)匯入方式
匯入樣式和鏈結樣式比較相似，採用import方式匯入css樣式表，在html初始化 時，會被匯入到html檔案中，成為檔案的一部分，類似第二種內嵌方式。
具體匯入樣式和鏈結樣式有什麼區別，可以參看這篇文章 《css:@import與link的具體區別》，不過我還是建議大家用鏈結方式！
第二：四種樣式的優先順序
如果這上面的四種方式中的兩種用於同乙個頁面後，就會出現優先順序的問題，這裡我就不再舉例子來說明了，大家在下面自己證明一下下面的結論
。
Div CSS布局入門教程 四
三 頁面頂部製作 2 使用列表製作選單 開始此節的學習前，請確認你已經參照之前的幾節內容寫入了div css到index.htm和css.css檔案中。這一節我將告訴大家如何用列表來製作選單。程式 以上是這部分的結構，有關於 這兩個html元素大家自己去參考相關的內容吧，它們最主要的作用就是在htm...
Div CSS布局入門教程
一 頁面布局與規劃 在網頁製作中，有許多的術語，例如 css html dhtml xhtml等等。在下面的文章中我們將會用到一些有關於html的基本知識，而在你學習這篇入門教程之前，請確定你已經具有了一定的html基礎。下面我們就開始一步一步使用div css進行網頁布局設計吧。所有的設計第一步就...
Div CSS布局入門教程
第 1 頁 頁面布局與規劃 第 2 頁 寫入整體層結構與css 第 3 頁 頁面頂部製作之一 第 4 頁 頁面頂部製作之二 第 5 頁 頁面製作 用好border和clear 網頁製作中，有許多的術語，例如 css html dhtml xhtml等等。在下面的文章中我們將會用到一些有關於html的...