font属性简写为什么 红色文字起不到作用?

font属性简写为什么 红色文字起不到作用?

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

    <style type="text/css">

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

        p{color:blue;font-weight:bold;font-variant:small-caps;}

    </style>

</head>

<body>

    <div>Web前端攻城狮(Web&nbsp;front&nbsp;siege&nbsp;lion)</div>

    <P>CSS层叠样式表(Cascading&nbsp;Style&nbsp;Sheets)</P>

</body>

</html>


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

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

9回答
七月的孩子 2018-04-26 01:43:07

font属性简写需要同时写入font-size与font-family属性值才能生效且这两个属性值先后顺序固定

其他三个元素font-variant font-weghti font-style  不分先后顺序

必须先写前三个元素(这三个元素位置随机亦可) 再写font-size与font-family(这两个属性位置固定,必须在最后两位)

初见若安 2018-04-18 11:12:46

字体颜色color要单独写,不可以简写,font简写的顺序为 字体样式(sytle)、字体变化(variant)、字体浓淡(wieght)、字体大小(size)/行高、字体族(famliy)。

嘉兴路一哥 2018-04-11 22:51:22

你贴的代码没有问题的

吃猫猫的鱼鱼 2018-04-06 20:35:36

如果简写就不要加color,并且简写要有字体大小和字体才会显示。

例如:

div{font:italic small-caps bold 20px "宋体" red;}

  • 你好,建议:可以测试下哦,字体简写中不包括color哦。颜色这个直接单独写color即可。 祝学习愉快~
    2018-04-07 12:08:34
爱吃烤鱼de安哥 2018-04-03 14:48:20
要有size和family属性值,并且size在family前面,需要注意顺序,color属性需要写在font外面的
慕粉3989962 2018-03-27 23:09:34

要有size和family属性值,并且size在family前面,需要注意顺序,color属性需要写在font外面的

慕运维3146119 2018-03-27 14:13:22

红色不是在font简写里写的,要用color写 ,我之前也遇到了

好帮手慕糖 2018-03-25 12:50:53

如上个同学说的,简写一定要有size和family属性值,所以这里可以给简写的再添加一个字体大小哦。

祝学习愉快~

慕无忌3339732 2018-03-24 18:02:28

没太看懂你的意思,不过font简写后面需要有size和family属性值

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

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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