今日概要:
1、伪类选择器
2、选择器优先级
3、vertical-align属性
4、backgroud属性
5、边框border属性
6、display属性
7、padding居中
8、float半脱离文档流
9、clear清楚浮动
10、postion定位
1、伪类选择器
anchor伪类：专用于控制链接的显示效果(hover重点)
‘‘‘
a:link（没有接触过的链接）,用于定义了链接的常规状态。
a:hover（鼠标放在链接上的状态）,用于产生视觉效果。
a:visited（访问过的链接）,用于阅读文章，能清楚的判断已经访问过的链接。
a:active（在链接上按下鼠标时的状态）,用于表现鼠标按下时的链接状态。
伪类选择器 : 伪类指的是标签的不同状态:
a ==> 点过状态 没有点过的状态 鼠标悬浮状态 激活状态
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */ 格式: 标签:伪类名称{ css代码; }
‘‘‘
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*鼠标放在的状态*/
a:hover{
color: red;
}
/*没有接触过的链接*/
a:link{
color: gold;
}
/*在链接上按下鼠标时的状态*/
a:active{
color: greenyellow;
}
/*访问过的链接*/
a:visited{
color: deeppink;
}
</style>
</head>
<body>
<a href="#" >超链接</a>
</body>
</html>
anchor例子
时间： 2024-10-15 00:56:45