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

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

<!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>


正在回答

登陆购买课程后可参与讨论,去登陆

4回答

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

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

http://img1.sycdn.imooc.com//climg/5ee48a650985f1a912690375.jpg

同学如果感兴趣的话,可以去看下,视频地址: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
<!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

不是这个代码,粘贴错了

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师