CSS中font属性

使用font属性时,一般赋值需要按规定的顺序来,一般规定的顺序为:font-style,font-variant,font-weight,font-size/line-height,font-family。

例子1:

h1{font: 100%/1.5 "黑体";}

效果:

CSS中font属性_第1张图片
example1.jpg

注1:100%/1.5 代表font-size/line-height
注2:font-size:100%的目的和作用是什么?
答:
假如设置body{font-size:12px;}
但h1是不会继承这个12px,它会按照一定百分比增加字号,
但如果给h1显试指定font- size:100%;它就会继承body设定的字体大小。

  1. 它改变了默认的大小。
  2. 这些元素本身不会继承父体的字体大小,设置了font-size:100%后就能自动继承。

例子2:

h1{font: italic bold 16px/1.5 "黑体";}

效果:


CSS中font属性_第2张图片
example2.jpg

不管写多少个值,都要按顺序来!

font中的每个属性也可以单独使用。如font-size、font-family等。
具体每个属性的值参照W3C-CSS font属性

你可能感兴趣的:(CSS中font属性)