首頁 > 頭條 > 主體

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

PHPz
發布: 2017-03-30 15:34:40
原創
2669 人瀏覽過

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的提供功能。

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

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

web前端学习路线:如何从零开始学习DIV+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前端開發快速入門

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!