<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8"/>
    <title>实现vivo X9s手机的宣传面面</title>
    <!-- 引用CSS样多文件，路径、类型、与当前文件关系 -->
    <link href="css/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <a href="#" target="_self">我是超链接标记，我未点击前颜色为黑色</a><br/>
    <a href="#" target="_self">我是超链接标记，我点击后颜色为红色</a><br/>
    <a href="#" target="_self" class="hov">我是超链接标记，鼠标在我身上悬停显示出边框</a><br/>
    <a href="#" target="_self" class="act">我是超链接标记，鼠标点击时我身后出现蓝色背景颜色</a>
</body>
</html>
@charset "utf-8";
/*css document*/
a:visited{/*表示对访问超接后链接进行样式*/
    color: red;/*设置期字体颜色为红色*/
}
a:link{/*表示对未访问的超链接进行样式*/
    color: black;/*设置其字体为黑色*/
}

.hov:hover{/*表示对鼠标停留的类为为hov的元素应用样式*/
    border: 1px solid blue;/*添加边框*/
}
.act:active{/*表示对鼠标点击类名为act的名素应用样式*/
    background: yellow;/*设置其背景颜色为黄色*/
}