DIV CSS設(shè)計網(wǎng)頁對比TABLE表格的優(yōu)勢及CSS命名規(guī)則

更新時間：2020-03-22 文章分類：網(wǎng)頁技術(shù)課堂

DIV+CSS是一種網(wǎng)頁的布局方法，這一種網(wǎng)頁布局方法有別于傳統(tǒng)的table表格布局。DIV+CSS相對table表格布局來說，瀏覽器的兼容性方便更為優(yōu)秀。在修改調(diào)整方面，因內(nèi)容和樣式的分離，所有DIV+CSS設(shè)計的頁面和樣式的調(diào)整變得更加方便。通過制作發(fā)行同樣的頁面使用TABLE做的頁面與DIV+CSS制作的頁面大小對比，DIV+CSS的XHTML頁面大小至少小TABLE制作頁面1/4。從而使的瀏覽DIV+CSS的頁面更加快捷快速。

DIVCSS網(wǎng)頁設(shè)計

在設(shè)計CSS+DIV網(wǎng)頁的時候，比較困惑和糾結(jié)的事就是CSS命名，特別是新手不知道什么地方該如何命名，在這里STU-WORK也會同學(xué)們簡單說下一般的命名規(guī)則：

外套 wrap ------------------用于最外層

頭部 header ----------------用于頭部

主要內(nèi)容 main ------------用于主體內(nèi)容（中部）

左側(cè) main-left -------------左側(cè)布局

右側(cè) main-right -----------右側(cè)布局

導(dǎo)航條 nav -----------------網(wǎng)頁菜單導(dǎo)航條

內(nèi)容 content ---------------用于網(wǎng)頁中部主體

底部 footer -----------------用于底部

相信通過規(guī)范的CSS命名給你以后網(wǎng)站網(wǎng)頁的維護(hù)帶來方便。

上一篇：學(xué)生網(wǎng)頁設(shè)計中常用的簡單設(shè)置網(wǎng)頁背景圖片方法

下一篇：動態(tài)網(wǎng)頁設(shè)計作業(yè)中的MYSQL數(shù)據(jù)庫字段類型說明

DIV CSS設(shè)計網(wǎng)頁對比TABLE表格的優(yōu)勢及CSS命名規(guī)則

作品推薦

相關(guān)文章