12.6周报总结

制作了一个伪类淘宝页面

html部分

• 把整体页面分为了6大部分，用div盒子装起来
  头部 搜索栏 首屏 有好货 爱逛街 右边固定导航栏
• 在每一个部分再细分结构，是由哪几个盒子组成，思考合适的标签并进行使用

css部分

• 进行浏览器兼容性（如内外边距或者ul里li的圆点清除等），和预定义的设置（如一些常用的颜色，浮动等）
  由于样式较多，css使用了外部样式表 实现了结构和样式的相分离

• 顺着划分好的盒子结构一步步添加样式

• 小图标等使用iconfont或者iconmoom，相当于变成字体，可任意调节颜色大小。

• 使用浮动时一定要给父级元素清除浮动（这里也可以使用预定义）

• 注意权重（为了避免样式的混乱，可在写到哪一部分里面的样式时加上前面已经定义好的6大部分盒子的名称）

• 常用到的css样式也有内外边距，字体设置，定位（子绝父相，如果想给哪一个小部分添加定位，为了不影响其它布局，可给它再添加一个父级盒子）圆角边框，伪类，块级行内元素转换等。