web前端學習路線：如何從零開始學習DIV+CSS

CSS是樣式,DIV是層.DIV+CSS是網站標準（web標準），通常為了說明與HTML網頁設計語言中的表格（table）定位方式的區別.因為XHTML網站設計標準中，不再使用表格定位技術，而是採用DIV+CSS的方式實現各種定位。很多做網站開發的同學都是先從web前端學起，那要如何從零開始學習DIV+CSS呢？

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

看得懂HTML文法，那麼全世界80%的網站都能被你看穿。 HTML語言很好學，一定要熟記常用的一些程式碼，因為有了像dreamweaver這樣的幫助生成html程式碼的工具,所以很多人都忽略了HTML的學習.學會了HTML互聯網中最基本的語言之後，在學習DIV+CSS時，你會發現：原來DIV+CSS也是這樣，小菜一碟。

推薦教學：

HTML線上學習手冊：http://www.php.cn/course/27.html

#html線上學習影片教學：http://www.php.cn/course/list/11.html

#php.cn原始html5影片教學：http://www.php .cn/course/372.html

2.使用Dreamweaver的程式碼模式來寫DIV和CSS。

對網頁設計初學者來說，直接使用記事本、Notepad等工具來書寫程式碼很困難。因為Dreamweaver的程式碼模式有提示功能，可以在確保語法編寫的正確性。並且對不熟悉的文法可以一次書寫正確。

如圖：書寫p，html時DW的提供功能。

書寫CSS時DW工具列右側的CSS視覺化編輯功能.

#我學習DIV+CSS時就是從Dreamweaver的程式碼模式學起的，也許不是最好，但很實用。 （Dreamweaver工具下載）

推薦教學：

CSS線上學習手冊：http://www.php.cn/course/45.html

CSS線上學習影片教學：http://www.php.cn/course/list/12.html

php.cn獨孤九賤（ 2）－css影片教學：http://www.php.cn/course/373.html

3.養成良好的書寫習慣.

有良好的生活習慣，表示這人會過日子，有良好的CSS書寫習慣，說明這人做事嚴謹。寫css的時候網路上有很多推薦的規範，像是選單類用menu，版權用copyright（CoryRight），底部用footer等等，在書寫順序上一般是：顯示屬性-自身屬性-文字屬性。當然這些都沒有硬性的規定，但是遵循一些不成文的規定不是壞事，這樣讓自己寫的程式碼，容易讓別人讀懂，搜尋引擎也更喜歡。

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

CSS+DIV實戰：開發個人部落格影片教學：http://www.php.cn/course/190.html

相關文章推薦：

web前端學習路線:WEB前端開發快速入門

成為優秀的前端工程師需要學什麼？