小项目注意事项

一，头部导航和轮播图

1.整个div的宽度应该只需要量内容区

2.头部图标应该用float,并不是margin挤过去，因为右部图标会变化。

3.logo应该放img,因为html文件优先加载。

4.logo和导航必须一左一右浮动。

5.子元素是浮动时，要检查父元素的高度。

6.前端页面固定的用背景图，后台传过来的用img,所以轮播图用img。

7.平铺的图片，例如轮播图，需要设置宽度100%。，height会自动变化，不用管。

二，下载专区

1.量图标最好居中来量。

2.要保证一个功能是一个div。

3.改背景图片大小，background-size

4.给子元素添加marin,会使margin变成父元素的margin,解决方法，直接给元素添加padding

5.Google浏览器调节hover,先选中元素，最右侧有:hover

6.雪碧图，精灵图：小图标拼和在一起的图

三，新闻区域

1.img行内块会造成下面的元素与img之间有空格，给img的父元素添加font-size:0，或者给img添加vertica-align:bottom能解决这个问题

2.选择器顶多写三级。

四，底部

1.下拉菜单用div模拟

2.背景颜色和背景图片可以合起来写，颜色写在前面