10/23~10/24

完成京东项目的顶部和导航栏布局,总结下敲代码时要注意的几个点:

1.通栏效果:指定高度即可,宽度默认100%.

2.定义版心,版心居中对齐,指定宽度,margin:auto.

3.导航栏的小竖线可使用li制作,指定width:1px;height:10px;和一个background-color.

4.导航栏的倒三角使用字体图标,并使用绝对定位.

5.手机京东下面要显示的二维码也要使用定位,不能影响其他元素.

6.LOGO部分使用div.logo+h1+a结构,h1需要清除默认的外边距,a里面的内容使用text-indent:-999px,overflow:hidden;隐藏.

7.搜索框内的相机图片使用定位,在鼠标经过时使用background-position切换背景图.

8.购物车的数量小图标使用定位的top和left属性,数字变大时,内容从左往右撑开.

9. 快捷导航栏使用三个ul做结构,中间小竖线使用div来做,大小跟小竖线的li相同.