老师,怎么显示没有任何变化阿
来源:2-7 字体属性详解
梦小小
2021-02-04 10:53:23
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
.para1{font-family:"宋体";}
.para2{font-family:"微软雅黑";}
</style>
</head>
<body>
<p class="para1">imooc我是幕客网</p>
<p class="para2">imooc我是幕客网</p>
<p class="para3">imooc我是幕客网</p>
</div>
</body>
</html>
1回答
同学你好,解答如下:
1、para1的样式是生效的,如下:

2、para2的样式不生效,是因为样式末尾的分号,写成了中文形式:

要改成英文的,如下:

修改之后,效果没变化是因为谷歌浏览器默认字体就是“微软雅黑”,所以即使该句代码写的不对,浏览器也会将其字体设置成“微软雅黑”的。
3、页面上多写了一个div闭合标签,要去除,如下:

祝学习愉快!
相似问题