为什么我的font属性简写效果,在第一行文字上没有显现出来。

为什么我的font属性简写效果,在第一行文字上没有显现出来。

<html>

<head>

    <meta charset="utf-8">

    <title></title>

    <!-- 补充代码 -->

<style type="text/css">

.web{color:red;font:italic small-caps bold;}

        .css{color: blue;

        font-weight: bold;

        font-variant: small-caps;

             }

</style>


</head>

<body>

<p class="web">web前端工程师(web front siege lion)</p>

<p class="css">css层叠样式表(cascading style sheets)</p>


</body>

</html>


正在回答 回答被采纳积分+1

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

13回答
卡布琦诺 2020-10-14 10:58:15

同学你好,“SJ丶Peng”同学解答的很棒,祝学习愉快!

SJ丶Peng 2019-06-12 17:43:50

使用font简写时,必须有font-size和font-family属性的值,并且这两个属性值的位置不能变动

慕尼黑8931780 2019-06-12 11:14:53

使用font简写属性,必须设置font-size和font-family才有效果,同时要注意书写顺序

且听风吟720 2019-06-09 17:13:05

因为颜色是不可以简写的(本身color前面没有font)

吴花花同学 2019-06-01 21:14:21

因为忽略了两个必要属性:font-size 和font-family

wangstudyvc 2019-05-24 22:07:39

同学你好。没有设置字体大小和字体类型即font-size和font-family。这两个属性是必须有的,否则无效果。

慕粉1940476211 2019-05-22 20:45:31

font属性要简写,必须要有font-size和font-family属性,而且是放在最后面

慕姐2951836 2019-05-21 19:59:57

要在后面加上font-size和font-family,必须且顺序不可变


慕移动6521215 2019-05-17 01:58:18

我也遇到这样的问题,red 不能简写 要加color,反正简写颜色放哪个位置都不行,不知道有没有方法简写出来

慕九州4495990 2019-05-16 17:13:45
font:italic bold small-caps 20px "宋体";color:red


weixin_慕仔2495609 2019-05-13 17:19:19

font:简写的话,font-size和font-family属性必不可少哦,少了的话就不行了

  • 前三项也不能少么?
    2019-05-23 10:23:03
  • 前三项顺序不强制,也不是必须的。但是只要是简写,size和family必须写
    2019-05-23 11:28:52
清泓4172801 2019-05-09 01:11:48

追加实例:#font{font-style:italic; font-variant:small-caps;font-weight:bold;font-size:2em;line-height:normal;font-family:"微软雅黑";}

清泓4172801 2019-05-09 01:08:47

简写样式顺序:1.font-style-->2.font-variant-->3.font-weight-->4.font-size/line-height-->5.font-family

实例:#font简写{font: italic small-caps  bold 2em "幼圆";color:red;}

说明:据我实践,简写要按顺序,而且要把属性写全面,都加上去才会有效果。

至于我的那个id标签命名是不规范的,是我自己练习图以后回头复习方便而命名的,正确命名需要驼峰英文,命名需要跟该便签的作用含义相对应

希望我这个回答能够帮到你

  • #font{font-style:italic; font-variant:small-caps;font-weight:bold;font-size:2em;line-height:normal;font-family:"微软雅黑";}
    2019-05-09 01:11:18
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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