怎么着手写DIV+CSS

浏览数：38 / 时间：2015年06月09日

拿到页面后，先进行分析。

1、必须了解页面的布局结构，所谓的布局模块（如大的版块，如头部、导航、搜索模块、主内容区、页脚等）。
2、对布局模块进行化分命名：参考CSS命名规范；
3、观察模块共同点，分析CSS是否可以模块化；先搭大致结构；
4、初始化CSS:不要抄大公司网站的，自己量身定制；自己用到的标签，就去除标签本身的样式，没有用到的标签就可以不设置。
　　常见的重置标签有:
　　　　用到的标签 {margin:0; padding:0; }
　　　　em {font-style:nomal；} //默认是斜的，需要先扶正。
　　　　li { list-style:none; }　　　　//默认会出现小点或数字，去掉。
　　　　a { text-decoration:none; }　　　　//默认会出现下划线，去掉。
　　　　img { border:none;}　　　　//图片在a链接里时，会出现边框，去掉。
　　　　input,textarea { outline:none; }　　　　//默认会出现外虚线，去掉。
　　　　table { border-collapse:collapse; }　　　　//表格单元格间的间距去掉。
　　　　body {font-size:XXpx; font-family:XXXX; }　　　　//根据实际情况设置默认字体、大小。
5、共公样式的准备：
　　常见公共样式：
　　　　wrap:包裹层，常用来包裹模块，设置居中；
　　　　fl:左浮动；
　　　　fr:右浮动；
　　　　clear:清除浮动；
　　　　…… 写代码过程中，遇到随时添加到公共样式表；
6、按照css分析开始div布局，大块布局、独立模块推荐用id，重用的样式推荐用class。
　　先大块，再慢慢填充小细节；
　　先横排，后竖排；
　　