font简写 部分功能为效果?? 例如:加粗 倾斜 小写该大写????

font简写 部分功能为效果?? 例如:加粗 倾斜 小写该大写????

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

    <!-- 补充代码 -->

   <style type="text/css">

        div{

font: small-caps italic 20px bolder;

color:red;

}

p{

   color:blue;

   font:small-caps  bolder ;

}

   </style>

</head>

<body>

    <!-- 补充代码 -->

    <div>“Web前端攻城狮(Web front siege lion)”</div>

    <p>“CSS层叠样式表(Cascading Style Sheets)”</p>

</body>

</html>


正在回答

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

4回答

你好,font 属性的值应按以下次序书写(各个属性之间用空格隔开):

font-style | font-variant | font-weight | font-size | font-family

例如: font:italic small-caps bold 50px "宋体";

顺序不能改变,简写方法只有在同时指定font-size和font-family属性时才起作用。而且,如果你没有设定font-weight, font-style, 以及 font-varient ,他们会使用缺省值

祝学习愉快~


  • 慕村4760135 提问者 #1
    font: small-caps "宋体" ; 这样顺序也没有乱呀!! 咋就不能正常显示所需要的效果呢??? 简写方法只有在同时指定font-size和font-family属性时才起作用。 这一句什么意思?? 为什么要同时指定出现才起效??
    2017-12-07 16:16:11
怎么都被占用了呢 2017-12-07 18:42:37

就是这样的

  • 提问者 慕村4760135 #1
    OK !!! 谢谢
    2017-12-07 20:04:58
怎么都被占用了呢 2017-12-07 17:02:26

就是简写的时候,允许缺少某个属性值(就像你现在这样,就指定了2个属性),但是必须要有font-size和font-family属性这俩属性在,这个font的设置才会起作用。

  • 提问者 慕村4760135 #1
    哦哦, 也就是说其他都可以少 font-size和font-family 是不能少的!!!
    2017-12-07 18:34:38
提问者 慕村4760135 2017-12-07 16:13:30

  font: small-caps  "宋体" ; 这样顺序也没有乱呀!!

咋就不能正常显示所需要的效果呢???  


简写方法只有在同时指定font-size和font-family属性时才起作用。   这一句什么意思?? 为什么要同时指定出现才起效??

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

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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