六、超链接样式
CSS:
a:link{ <!–此为默认情况–>
text-decoration:none; <!–去掉下划线–>
}②访问后样式 a:visited{ <!–链接被访问（点击）过之后–>
}
兼容性问题：非IE会继承默认属性而IE不继承，故第一段未访问情况改为这样
①未访问样式 a:link,a:visited{
}
③鼠标移动到上面的时候的样式 a:hover{
}
注意 :hover不只运用于超链接 对于任何元素均可设置hover的属性,表示当鼠标移动到上面的时候的样式 xxx:hovor{}
类超链接控制器 eg: a.xxx:link{} a.xxx:visited{} a.xxx:hover{}
—
HTML:
<a href=”#”>xxx</a>
注意CSS样式表的优先级问题 被包含的处理优先级要高（先加载它）一些，也就是先处理，所以实际套用的是优先级低（后加载的）的包含者的属性
比如<ul><li></li><li></li><p></p></ui>
ul{}
ul p{}
p被包含于ul中，所以实际上先处理了第二条 再处理了第一条，所以第二条的属性被第一条覆盖了
当使用了包含的操作符之后，它的加载时间比使用class的加载时间低，此时再来定义一个class的样式，就不会把使用包含的样式覆盖掉
七、CSS HACK
加 使得不同浏览器读出不同的语句 加语句该浏览器能识别就读 不能识别就跳过
八、错误总结出的经验：
1、float是设置给所有需要浮动的元素的属性 而不是表格整体
2、不能忽视[ul]和[div块]的宽度！！ul与div本身是有宽度属性的！！！
img文件一般放在css文件夹中（或其中的子目录） 方便background url设置等
两个点 ..访问上一级目录
cursor:pointer; hovor中的样式 使得鼠标移动上去变成手指
九、布局设计/流派
布局一：
一整块div网页的写法 这种大DIV一块的方式是以前的网站的常用布局
现在的布局一般不采用
布局二：
<div id=“head”>
<div id=“c_head”>顶部图片</div> /*c center*/
</div>
<div id=“nav”>
<div id=“c_nav”>导航内容</div>
</div>
<div id=“content”>
<div id=“c_content”>内容</div>
</div>
<div id=“bottom”>
<div id=“c_bottom”>底部内容</div>
</div>c_xxx也要用到div的居中对齐方法，见文章 CSS扼要-1
这样就使得页面很宽 内容全铺在屏幕上
但实际上显示的内容还是在中间一部分
布局三：瀑布流布局
以专门看图片为主 仅CSS无法实现
十、display属性
display:none; 不显示
display:block; 显示
导航菜单的伸缩实现：为菜单首先加上class=”a”; 但点击后使其class=”a”变成class=”b”（通过javascript实现）
–样式表：class=”a”{不显示} class=”b”{显示}
