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;
}