DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 何為div+css 布局? div+css 究竟是個什麼東西
何為div+css 布局? div+css 究竟是個什麼東西
編輯:CSS詳解     

div+css是網頁制作最基本的解釋性語言,目的就是用div+css代碼把平面展示出來。DIV+CSS是很簡單的一種布局方式,算不上一種編程語言,他只是用div來表現結構,然後用css來解析渲染頁面而已。


  剛開始學習DIV+CSS的時候,你要把以前所有用DW畫布局表格的思維方法忘的一干二淨(如果你以前是用TABLE布局的話),然而這項技術更適合剛接觸網頁制作的人。DIV+CSS是高成本開發,速度當然是沒有你畫TABLE來的快,但是好處更多,相信如果你能看到這裡,你一定對DIV+CSS的好處也有一定的了解了。


  最後你還得知道,你所用的工具,你可能認為dreamweaver很好,沒錯,它的確不錯,但你要認識到,當你熟練使用了這門技術,你就可以在任何文本編輯器中編寫網頁,甚至在記事本中,而dreamweaver只是充當一個文本編輯器的角色,而你所有的工作基本都在代碼視圖中完成,在這裡我推薦EditPlus,比較好的一個代碼編輯器,速度快,可定義快捷鍵模塊功能更是強大。
 

  轉入正題,其實DIV+CSS正確的說法應該是XHTML+CSS,說成DIV的原因只是讓它能更明確地和TABLE布局方法區分開來,並不是說一個頁面裡沒有TABLE,而是在什麼地方使用TABLE,你要認識到TABLE是表格,是存放數據用的,而不是用來布局的。


  接下來是布局思維方式,可能大家在接觸DIV+CSS的時候無從下手,我現在向大家推薦最著名的盒子模型,正如你所見到的這個是一個方塊,而網頁呢,是由這麼多大大小小的方塊組成的,當無數的盒子組裝起來的時候,你整個頁面就出來了。怎麼樣,神奇吧。

 

總結:div+css, 只是一個比較俗的說法,只是常常div。常常css,就變成div+css了,專業的來說,應該是XHTML+css,說到實際,就是div來打結構,用css來渲染你的結構而已,舉例子, 例如,div就像鋼筋,把一棟建築基礎打好,而css 就像是石灰,把這個建築刷的更漂亮而已。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved