关于字体样式问题，请看下style里p标签中的注释

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>font-size</title>
        <style type="text/css">
           /*补充代码*/
           h3{
               font-family:"宋体";
               font-size:2em;
           }
           .em{
               font-family:"微软雅黑";
               font-size:1.5em;
           }
           a{
               font-size:1.5em;
           }
        </style>
    </head>
    <body>
        <div>
            <h3>web前端工程师</h3>
            <p class="em">
                 <a href="#">Web前端开发工程师</a>，主要职责是利用HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。
            </p>
        </div>      
    </body>
</html>

慕村1994845 2020-06-13

源自：CSS文本样式 2-10 编程练习

15

收起

4回答

好帮手慕码回答被采纳获得+3积分 2020-06-13 16:14:06

同学你好，当设置为"宋体",serif的时候，显示为宋体，同学看着像字体吸收了两个字体效果只是因为二者字体很像。

如果同学要显示为特殊的字体的话，是需要引入字体文件。后面会讲到：

同学如果感兴趣的话，可以去看下，视频地址：https://class.imooc.com/lesson/761#mid=19017

祝学习愉快~

慕村1994845 提问者 #1

好的，谢谢老师的耐心解释！

2020-06-13 16:18:13

好帮手慕码 2020-06-13 15:33:59

同学你好，font-family可以设置2个属性值，但是最终解析的效果不是“带有特殊效果的雅黑”；而是第二个属性值是别用属性值。即当你的电脑系统里没有微软雅黑的时候，会使用serif。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

提问者慕村1994845 #1

我知道这个，我是想问，有没有设置成“带有特殊效果的雅黑”的方法；我看，设置宋体,serif时，看起来好像字体吸收了两个字体效果

2020-06-13 15:38:01

提问者慕村1994845 2020-06-13 13:59:26

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>color</title>
        <style type="text/css">
           /*补充代码*/
           div{
               font-size:20px;
           }
           h3{
               color:rgb(255,0,0);
               font-family:"宋体";
               font-size:1.5em;
           }
          /*{可不可以在设置了微软雅黑的同时设置serif样式，就是说字体是带有特殊效果的雅黑*/
            p{  font-family:"微软雅黑",serif;
              
           }
           span{
               color:#00f;
               font-size:2em;
               font-family:serif;
           }
        </style>
    </head>
    <body>
        <div>
           <h3>CSS层叠样式表</h3>
           <p>
                <span>CSS</span>目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
           </p>
        </div>      
    </body>
</html>

提问者慕村1994845 2020-06-13 13:57:46

不是这个代码，粘贴错了

相似问题

注释的问题

2-9问题

老师我想问一下对div设置20px，为什么<p>标签的字体大小也变小啦

3-2 关于html5 结构标签的疑问

4-2选择题为什么C选项不可以呢

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号