再談DIV+CSS到底是什麼?

來源:互聯網
上載者:User
前段子曾經寫過關於DIV+CSS對網頁進行布局的文章,當時可能寫的過於簡單吧,有些朋友就對我開口大罵,呵呵
今天我就詳細的說說DIV+CSS,說一下如何使用DIV+CSS來布局頁面:
我們在使用Dreamweaver設計網頁的時候經常會用到可視化視窗對錶格,或者其它網頁元素進行可視化設計,而實際上設計完成後,是對這個網頁元素進行了樣式定義而已。而我們經常會使用Dreamweaver的CSS樣式來定義網頁元素。
關於為什麼要使用DIV+CSS來代替TABLE+CSS大家可以搜尋一下,使用DIV+CSS顯而易見的好處是易維護,方便重用,將來修改網站風格只用修改CSS檔案即可,用戶端訪問速度提高等等,但是也有負面的,比如,如果CSS檔案破壞,那麼全站頁面都會亂掉等。
下面言歸正傳,大家可以開啟我最近寫的文章:vs2005+Access開發網站管理系統日誌
系列文章,使用的是DIV+CSS來布局的。
通過在頁面上定義一些嵌套的DIV,將所有需要定義CSS的DIV取唯一的ID或者CLASS,然後在CSS檔案中定義樣式即可,當然要在頁面中引入這個CSS檔案。
關於具體的頁面DIV定義和CSS定義,已經在上面所說的文章中給出源碼了,大家可以參考一下,這裡就不重複了!希望這次朋友們看了,不要說太複雜,呵呵
如果大家還有什麼意見請指教,希望能和大家交流!
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.