单页面项目基础准备设计思路

---

单页面项目基础样式设置

css分类

定义基础样式：区分以及更便捷的修改。

1. reset.css：重置样式，浏览器边距，标签样式去除等。
2. base.css:公共类的样式：
3. iconfont.css：字体、字体图标样式
4. mixins.css
5. variables.css

页面开发：养成设置版心的习惯

• 计算版心宽度，定义通用类名，例如wrap

页面开发：使用rem的方式编码

• 定义base.scss给出html的font-size:10PX/100PX
• 1rem=htmlfont-size

开发之前及细节化思考：

导航list之间的缝隙，用padding 还是margin呢
1) 下拉的三角标志。需要定位来做。他是需要浮在li的padding里的。
2) 所以间距用margin来做更好。
3）a和span里的间距用margin撑开
4）‘| ’可以用span直接写
5）最后一个元素a的间距取消

这里需要注意的样式：
①导航里会有子标签，LI里还有UL
②CSS写的时候可以不用后代选择器，降低影响。
③使用ul>li

解决图片