1.页面头部制作

1.下划线可以使用border-bottom或者自定义class来实现

2.float可以直接加在ul上面，加在li上还要调整html代码，而且反向调整也不太好
  （建议用display:inline）


3.list-style可以直接定制三角形或者使用counter计数器，用图片不太好

4.去除a标签的默认事件，写成href='javascript:;'比较合理

5.宽高不建议写死，否则在多终端下表现糟糕

6. a:link超链接初始状态  a:visit超链接访问之后的状态  a:hover鼠标经过超链接的状态    a:active按下鼠标之后超链接的状态

7.利用js脚本文件添加“设为首页”，“加入收藏”的功能

8. 获取本页url:window.location   获取本页title:document.title

设置一个width，margin 0 auto； 可以让文本盒子相对于盒子快速居中。

文本内容line height 设置与盒子 height 相同 可以让文本居中

hover ：悬停在链接的样式

active： 点击链接时的样式

link：未访问的链接的样式

visited：已经访问过的链接的样式

1. 盒子模型中实现文字在垂直方向上居中：可以设置行高=盒子高度

2. text-decoraton 下划线

a:link 控制超链接 初始状态

a:visited 控制超链接 访问之后的状态

a:hover 控制超链接 鼠标经过时的状态

a:active 控制超链接 点击时的状态

小技巧：文字垂直居中使用line-height=height的像素即可。

li右浮动后，显示的是设为首页在最右侧，联系我们在右边的最左侧。

原因是：设为首页的li右浮动的时候，已经脱离文档流，在碰到父元素top_content的最右侧边缘的时候停下来显示。
当加入收藏li右浮动的时候，在碰到最右侧的设置首页li的边缘后停下显示。

联系我们li右浮动的时候，在碰到最右侧加入收藏的li右边缘后停下显示。

解决办法：将联系我们和设为首页互相换位置。

1. 设置一个div在页面中居中的方法：
   设定这个div的宽度，并设置这个div的margin左右为auto。
   

2. 统一给li前加小箭头背景图片list-style-image
   

   .top_content li {

    list-style-image：url(图片路径格式);
}

将容器的高度和文字的行高设置为相同高度，可以让文字在容器中居中

给盒子设置宽度，给 margin 设置成自动，就可以让这个盒子在父容器中居中

.top_content a:hover , .top_content a:ative{

}

//a:hover表示鼠标经过的状态，a:active表示活动状态

.top_content a:link , .top_content a:visited {

}

//这个表示top_content下面的a链接的初始状态；a:visited表示访问后的初始状态；

当我们想让一行文字在盒子中居中，我们可以通过设置一个盒子的行高line-height与这个盒子的高度相同，这可以实现盒子中的文字在垂直方向上居中。比如盒子的高度为27px,那么设置这个行高也为27px，这样可以实现文字的垂直居中。

通过给一个div设置宽度，并且把左右间距设置为auto，这样可以让一个div在页面中居中。

页面头部的框架

《关于居中》

水平：给一个div设置宽度并且设置margin：0 auto；

垂直：让内容在盒子中居中，设置行高与这个盒子的高度相同

页面头部盒子模型分析

超链接

link：初始状态

visited：访问后状态

active：点击下状态

:visited 选择器用于选取已被访问的链接。

 :link 选择器对指向未被访问页面的链接设置样式, 

:hover 选择器用于设置鼠标指针浮动到链接上时的样式，

:active选择器用于设置点击链接时的样式。

tips: 把行高设置为与父元素高度一样时，可实现在父元素中垂直居中

css：文字居中：line-height的大小等于盒子的大小

盒子中的文字垂直居中设置：

将文字盒子的 line-height 设置为文字外盒子的高度