用css实现鼠标移过某个标签使标签的样式发生变化
正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教
在很多项目里面都会有这样一个功能，那就是鼠标飘过某个元素时，元素的样式发生变化，这里我们就用到了hover来进行实现
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
a{
display: block;
margin-top: 50px;
text-align: center;
}
a:hover{
color: #ffb4ab;
font-size: 30px;
}
</style>
</head>
<body>
<a href="#">滑过</a>
</body>
</html>
代码解释
这里我们直接创建了个a标签，然后对其样式进行设置，先display：block把它变为块元素，因为这样就可以移动他的位置，方便我们操作，然后取消下滑线（个人感觉下划线不好看）
然后就a:hover 这里是对鼠标滑过a标签时的啊标签的样式，我们改变他的颜色和字体，这样效果更易观察。
演示效果：
滑过之前
滑过过后
别喷我，写的不好就劳烦指点一二，觉得有帮助就留下个大拇指点个关注再走哈哈哈！