《CSS设计彻底研究》读书笔记 第06章 链接与导航

1.在HTML中通过标记<a>来实现超链接，如下所示：
     <a href="www.test.com">链接文本</a>
  可以通过CSS的伪类别(Anchor Pseudo Classes)来制作动态效果
属性说明
a:link超链接的普通样式，即正常浏览状态的样式
a:visited被点击过的超链接的样式
a:hover鼠标指针经过超链接上时的样式
a:active在超链接上单击时，即“当前激活“时，超链接的样式
有两点需要注意的：
     （1）a:link和a基本没有区别，但在a标记没有href属性时a:link无效，而a有效
     （2）设置<a>四种状态时要遵从l(link)ov(visited)e h(hover)a(active)te顺序

 

2.可以cursor属性设置鼠标指针的效果，常用的值为：auto（默认） crosshair default pointer 

 

--------------------------------------------------
author: cs_cjl
website: http://blog.youkuaiyun.com/cs_cjl
--------------------------------------------------

 

3.在CSS中列表的编号是通过属性list-style-type来修改的，因此在CSS中<ul>与<ol>的分界线并不明显，只要利用list-style-type属性，二者就可以通用           

 

4.可以通过设置list-style-image将列表中项目符号显示为任意的图片，但由于在IE和Firefox中显示的效果不太一致，更好的方法是将list-style-type属性的值设置为none，然后修改<li>标记的背景属性background来实现

 

5.当盒子设为“浮动”后，即使在竖直方向上的margin相邻，也不会发生“塌陷”。