使用font属性时,一般赋值需要按规定的顺序来,一般规定的顺序为:font-style,font-variant,font-weight,font-size/line-height,font-family。
例子1:
h1{font: 100%/1.5 "黑体";}
效果:
注1:100%/1.5 代表font-size/line-height
注2:font-size:100%的目的和作用是什么?
答:
假如设置body{font-size:12px;}
但h1是不会继承这个12px,它会按照一定百分比增加字号,
但如果给h1显试指定font- size:100%;它就会继承body设定的字体大小。
- 它改变了默认的大小。
- 这些元素本身不会继承父体的字体大小,设置了font-size:100%后就能自动继承。
例子2:
h1{font: italic bold 16px/1.5 "黑体";}
效果:
<b>不管写多少个值,都要按顺序来!</b>
font中的每个属性也可以单独使用。如font-size、font-family等。
具体每个属性的值参照W3C-CSS font属性