?
1.超链接样式：
a:link?{color:green}?最初超链接的颜色
a:visited{color:yellow}访问过的超链接的颜色
a:hover{color:black}?鼠标放上去的颜色
a:active{color:blue}鼠标点击但没有放开的颜色
2.样式表分为：使用优先级依次升高
??外部样式表
??内嵌样式表
??行内样式表
3.样式表的语法规则：
??selector{property:value}??选择器名{属性名：属性值}
??选择器类
??p.right{text-align:right}?使用<p?class="right">??
??可以省略标签名称直接去定义，这样就可以在所有的HTML元素中使用
??.center{text-align:center}?使用<body?class="center">
??id选择器
??使用id选择器你可以为不同的HTML元素定义相同的样式
??#green{color:green}使用<p?id="green">
??下面的样式规则将匹配任何一个带有id属性值为"green"的p元素
??p#green{color:green}
?
?
div?style样式?：border:1px?dashed?green;显示边框为虚线
??????????????border:1px?solid?red;?显示边框为实线
??????????????float:center;??div的位置
???????text-align:right;??其中文字的位置
???????width:400px;???div宽度
??????????????height:100px;??div高度
??????????????background-color:#FFFF99?;?div的背景颜色
??????????????border-top:1px?solid?#FF00FF;?
???????border-left:1px?solid?#FF00FF;
??????????????border-right:1px?solid?#FF00FF;
border-bottom:1px?solid?#FF00FF;?//设置div的四周边框
??????????????position:relative;??设置div使用相对位置
top:40px;???距离上一层顶部的位置
left:10%????距离上一层左边的位置
??????????????position:absolute;??设置div使用绝对位置
top:60px;?
???????left:30px;
??????????????background-image:url(girl.jpg);设置背景为图片
????????????margin-left:40px;?/*距离左边层的距离*/
margin-top:40px;?/*?距离上面层的距离*/
display:inline;?/*显示在一行上*/
???????.son2:hover{??/*?鼠标移上去显示的效果*/
??????????????background-color:#234560;
cursor:hand;
???????}?