?CSS是樣式,DIV是層.DIV+CSS是網站標準（WEB標準），通常為了說明與HTML網頁設計語言中的表格（table）定位方式的區別.因為XHTML網站設計標準中，不再使用表格定位技術，而是采用DIV+CSS的方式實現各種定位

1

學會HTML語言，再學習DIV+CSS時會得心應手

看得懂HTML語法，那么世界上80%的網站都能被你看穿

HTML語言很好學，一定要熟記常用的一些代碼，因為有了像dreamweaver這樣的幫助生成html代碼的工具,所以很多人都忽略了HTML的學習.學會了HTML互聯網中最基本的語言之后，在學習DIV+CSS時，你會發現

原來DIV+CSS也就那樣，小菜一碟

推薦網站

HTML在線學習網站：http://m.hecch.cn//html/html_intro.asp2.使用Dreamweaver的代碼模式來編寫DIV和CSS

對于網頁設計初學者來說，直接使用記事本、Notepad等工具來書寫代碼很困難

因為Dreamweaver的代碼模式有提示功能，可以在保證語法編寫的正確性

并且對不熟悉的語法可以一次性書寫正確

如圖所示

書寫div，html時DW的提供功能

如何從零開始學習DIV+CSS 網站設計 建站教程 第1張書寫CSS時DW工具欄右側的CSS可視化編輯功能.如何從零開始學習DIV+CSS 網站設計 建站教程 第2張我學習DIV+CSS時就是從Dreamweaver的代碼模式學起的，也許不是最好，但很實用

推薦網站

CSS在線學習網站：http://m.hecch.cn//css/3：養成良好的書寫習慣.有良好的生活習慣，說明這人會過日子，有良好的CSS書寫習慣，說明這人做事嚴謹

寫css的時候網上有很多推薦的規范，比如菜單類用menu，版權用copyright（CoryRight），底部用footer等等，在書寫順序上一般是

顯示屬性-自身屬性-文本屬性

當然這些都沒有硬性的規定，但是遵循一些不成文的規定不是壞事，這樣讓自己寫的代碼，容易讓別人讀懂，搜索引擎也更加喜歡

4

只有目的明確，結果清晰，過程才最高效，才不會輕易被干擾，被改變方向

CSS+DIV網頁樣式與布局精通視頻教程

http://pcedu.pconline.com.cn/videoedu/ztsp/0904/1618470.html來源：盧松松博客