DIV+CSS是一种网页的布局方法,这一种网页布局方法有别于传统的table表格布局。DIV+CSS相对table表格布局来说,浏览器的兼容性方便更为优秀。在修改调整方面,因内容和样式的分离,所有DIV+CSS设计的页面和样式的调整变得更加方便。通过制作发行同样的页面使用TABLE做的页面与DIV+CSS制作的页面大小对比,DIV+CSS的XHTML页面大小至少小TABLE制作页面1/4。从而使的浏览DIV+CSS的页面更加快捷快速。
在设计CSS+DIV网页的时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,在这里STU-WORK也会同学们简单说下一般的命名规则:
外套 wrap ------------------用于最外层
头部 header ----------------用于头部
主要内容 main ------------用于主体内容(中部)
左侧 main-left -------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部
相信通过规范的CSS命名给你以后网站网页的维护带来方便。