DIV CSS设计网页对比TABLE表格的优势及CSS命名规则

发布时间:2020-03-22   文章分类:网页技术课堂

DIV+CSS是一种网页的布局方法,这一种网页布局方法有别于传统的table表格布局。DIV+CSS相对table表格布局来说,浏览器的兼容性方便更为优秀。在修改调整方面,因内容和样式的分离,所有DIV+CSS设计的页面和样式的调整变得更加方便。通过制作发行同样的页面使用TABLE做的页面与DIV+CSS制作的页面大小对比,DIV+CSS的XHTML页面大小至少小TABLE制作页面1/4。从而使的浏览DIV+CSS的页面更加快捷快速。

DIVCSS网页设计

在设计CSS+DIV网页的时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,在这里STU-WORK也会同学们简单说下一般的命名规则:

外套 wrap ------------------用于最外层
头部 header ----------------用于头部
主要内容 main ------------用于主体内容(中部)
左侧 main-left -------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部

相信通过规范的CSS命名给你以后网站网页的维护带来方便。
STU网页公众号

专注于Dreamweaver网页设计作业,大学生DW网页作业定制,HTML静态网页制作作业,简单网页作业成品模版免费下载,高中至大学一二三年级网站作业定制设计...