STU网页设计

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网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询