老师,怎么显示没有任何变化阿

来源: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回答

好帮手慕久久

2021-02-04

同学你好,解答如下:

1、para1的样式是生效的,如下:

http://img.mukewang.com/climg/601b645b09db449504690082.jpg

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

http://img.mukewang.com/climg/601b6477092eaf3805400104.jpg

要改成英文的,如下:

http://img.mukewang.com/climg/601b6490098161c205550143.jpg

修改之后,效果没变化是因为谷歌浏览器默认字体就是“微软雅黑”,所以即使该句代码写的不对,浏览器也会将其字体设置成“微软雅黑”的。

3、页面上多写了一个div闭合标签,要去除,如下:

http://img.mukewang.com/climg/601b651b09be873806200309.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程