1、新建一个html文件。如图：
2、在html代码文件上找到<body>,然后在<body>里创建一个标签，案例中使用的是<div>,最后给这个标签添加一个类。如图
代码：
<div class="font-big">
大家好啊！请把鼠标放上面
</div>
3、在<title>后面添加一个<style>,然后在<style>里使用hover设置鼠标滑过时字体变大。如图
代码：
4、保存html代码文件，使用浏览器打开，把鼠标放到文字上即可看到效果。如图
5、所有代码。可以直接复制以下所有代码，粘贴到新建的html文件上，保存后运行即可看到效果。
代码、
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css设置鼠标滑过字体变大</title>
<style type="text/css">
.font-big:hover{
font-size: 2em;
}
</style>
</head>
<body>
<div class="font-big">
大家好啊！请把鼠标放上面
</div>
</body>
</html>
