一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第12天，点击查看活动详情。
伪类
CSS伪类是用来添加一些选择器的特殊效果。
解释：在感觉上伪类可以是动态的，当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。例外的是":first-child"能通过文档树推断出来，":lang"在一些情况下也在从文档树中推断出来。
由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。
伪类有：:first-child ，:link ,:vistited，:hover，:active ,:focus，:lang，:right，:left，:first
- ：link 未访问的链接
- ：visted 访问过的链接，但由于隐私的原因，：visted这个超链接伪类只能修改访问过的链接的颜色，而不能修改大小等。
注：以上这两个伪类选择器只有超链接才有，即a标签独有。
何为伪类?就是css内置类css内部本身赋予它一些特性和功能，也就是你不用再class=...或id=...你就可以直接拿来使用，当然你也可以改变它的部分属性比如：a:link{color:#FF0000;}
例：超链接伪类选择器：
/*冒号(:)前面是选择符，后面是伪类 比如a是选择符，hover是伪类*/
a:hover{
color:green;
font-size:20px;
}
文本阴影
文本阴影是通过 text-shadow 样式属性来设置的，使用这个属性可以向文本添加一个或多个阴影，多个阴影用逗号隔开。
text-shadow 样式属性使用实例：
/*文本阴影 阴影颜色，水平偏移，垂直偏移，阴影半径*/
#price{
text-shadow:#3cc7f5 20px 30px 0.1px;
}
text-shadow 样式属性说明：
#3cc7f5阴影的颜色20px水平阴影的位置（其值为正值时，阴影向右偏移，反之向左偏移）30px垂直阴影的位置（其值为正值时，阴影向下偏移，反之向上偏移）0.1px阴影半径（其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将值设置为0）
伪类选择器
- ：hover 表示鼠标移入的状态
- ：active表示鼠标正在点击的状态
注：这两个伪类选择器对所有标签有效。 伪类选择器测试：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*标签选择器*/
a{
text-decoration:none; /*删除下划线*/
color:#000000;
}
/*超链接伪类测试*/
/*鼠标悬停颜色，大小 */
a:hover{
color:green;
font-size:20px;
}
/*鼠标按住未释放的状态*/
a:active{
color: #FF0000;
}
/*文本阴影 阴影颜色，水平偏移，垂直偏移，阴影半径*/
#price{
text-shadow:#3cc7f5 20px 20px 0.1px;
}
</style>
</head>
<body>
<a href="#">
<img src="images/m.jpg" alt="">
</a>
<p>
<a href="#">码出高效：java开发手册</a>
</p>
<p>
<a href="#">作者：孤尽</a>
</p>
<p >
￥99
</p>
<p id="price">
简介:引爆技术圈，全球瞩目的中国计算机民族图书，中国人自己原创的Java编程规范，
希望未来社会发展的每一行代码都规范、合理、高效！马云、行癫、鲁肃亲笔推荐！
</p>
</body>
</html>
效果图如下
