CSS（1）——基础知识
样式表简介
样式表加入网页的方式
1． 链入样式表文件
<link rel=stylesheet href="http://www.dhtmlet.com/dhtmlet.css" type="text/css">
2． 内部样式块 <style> </style>
3． 在标签中内嵌
样式表的语法
selector {property:value; property:value; ...} selector有三种，分别是 html的tag，一种是ID，一种是.class.
在现代布局中，id 选择器常常用于建立派生选择器。
#sidebar p {
font-style: italic;
text-align: right;
margin-top: 0.5em;
}
上面的样式只会应用于出现在 id 是 sidebar 的元素内的段落。
三种语法可以互相组合，如：Table td #content td td.label .label td等
样式表的组合和继承
组合： 可以同时定义很多个selector为同一样式，如： H1, H2, TD {color: red}
继承： 内部标签可以继承外部标签的设置
值为字符串
如果值为若干单词，则要给值加引号：
不要在属性值与单位之间留有空格。“margin-left: 20px”
p {font-family: "sans serif";}
CSS 调用顺序
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
1. 浏览器缺省设置
2. 外部样式表
3. 内部样式表（位于 <head> 标签内部）
4. 内联样式（在 HTML 元素内部）
页面元素
超链接
a:link a:visit a:hover分别实现链接初始， 鼠标移入和鼠标点击后的效果。 如要实现按钮式超链接： a:lin和a:visit设置 (right,bottom)为1.5px，而(left, top)为1px模拟立体效果，当点击时，修改a:hover将border的(left和top)与(right,bottom)互换，并调整padding模拟按下效果
鼠标
使用cursor 调整鼠标样式
CSS实例
边框有宽度、样式和颜色，如 border: medium double rgb(250,0,255) ，可以在一条语句中完成所有设置
当进行图片切换时，使用淡入、淡出效果更好
CSS可以和xml配合，修饰XML的显示效果，主要用到CSS的tag方式
制作菜单项时，使用一张好的背景图片，如下部可实现和正文的平稳过渡
横线的实现使用 border-bottom或border-top实现