目录
css
/* 手标悬浮下划线 */
a:hover {
text-decoration: underline rgb(84, 181, 84);
}
/*伪元素选择器,未访问过链接的颜色*/
ul li a:link {
color: rgb(22, 240, 95);
}
/*-当用户鼠标放在链接上时 */
a:hover{
color: rgb(16, 229, 233);
}
/* - 链接被点击的那一刻 */
a:active {
color: rgb(198, 82, 150);
}
- 01标准文档流
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
h1 {
position: absolute;
left: 220px;
top:30px;
z-index: -1;
}
div {
color: red;
}
</style>
</head>
<body>
<div>
<h1>这是一级标题</h1>
</div>
<p>段落元素</p>
<a href="">百度一下</a>
<b>粗体字体</b>
<div>这是一个div</div>
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
</body>
</html>