静态页面规划要点

1.分析设计图

盒子嵌套关系

2.CSS初始化

清除默认样式
输入默认字体颜色 大小

3.Html书写

合理布局
规划版心

有通栏时通栏作为父容器,不设置宽度,直接继承body宽度,版心嵌套于通栏之内 ,内容嵌套于版心
无通栏时版心作为父容器,内容嵌套于版心之内

页面结构
header main footer
注释
定义类名

4.CSS书写

自上而下
浮动
清除浮动
定位
CSS精灵
滑动门
伸缩盒子

5.捕捉bug

Chrome开发工具使用
代码规范性

电脑触摸板禁用
选择器书写
标点英文格式
标签直接写
类名加点
ID加#
伪类冒号
伪元素双冒号 content属性必写
图片路径
样式路径

你可能感兴趣的:(静态页面规划要点)