京东项目html 5结构+CSS布局的学习一（第五天）

准备工作

1.实现结构和样式分离的设计思想 ，根目录下有 CSS文件 images文件 index文件 js文件

2.添加 normalize.css  到CSS文件夹中。/normalize.css 只是一个很小的CSS文件，但它在默认的html元素样式上提供了跨浏览器的高度一致。

优点在于：1 保护游泳的浏览器默认样式而不是完全去掉他们 2一般化的样式：为大部分HTML元素提供 3 修复浏览器自身的bug并保证各浏览器的一致性 4 优化CSS可用性：用一些小技巧 5 解释代码： 用注释和详细的文档来

3.观察各个页面发现公共样式 新建一个base.css来存放公共样式.

4.引入ico图标，即   左边的这个图标

在导航栏输入http://www.jd.com/favicon.ico 可以得到左边的京东图标(每个网站都可这么找ico图标)

找到图标后进行下载 放在根目录下 在index.html中输入代码引入该图标.

 

/*制作自己的ico图标 将自己的图片转换为ico图标  http://www.bitbug.net*/

5.三大标签的优化添加 即 title description Keywords 

二 头部制作(比较简单 直接过代码显示部分)

/* 头部部分的CSS */
header{
    height: 80px;
    background-color: #2861e7;
}
/*html部分*/