一、font-size
:设置字体大小
设置方法:
- 具体数值+单位
例如:100px
也可以用em
为单位:1em
代表100%
,2em
代表200%
......0.5em
代表50%
。
px
方式:
em
方式:
但是设置em
的时候具体是多大呢?
为什么就偏偏是1em = 14px
?而不是别的值?
因为来自浏览器,但是又不绝对,因为会继承父元素的字体大小从而计算。
- 百分比
基于父元素的font-size
计算,比如50%
表示:等于父元素的font-size
的一半。
相对父元素(根据父元素的字体大小计算出来的)
二、font-family
:设置字体
注意:
这个一般就给
<body>
元素设置一次(因为继承关系)。
三、font-weight
:设置字体粗细


注意:
strong
、b
、h1~h6
等标签的font-weight
默认值:bold
三、font-style
:设置字体常规、斜体显示
四、font-variant
:设置小写字母的显示形式
五、line-height
:设置文本行高

注意:这几个黑线高度是一致的。
如果文本在div中,你想让文本中间位置显示。
那么设置
行高 = 这个div的高度
就行了。因为文本内容一定会显示在行高的中间位置。
六、font缩写
这个数字的含义:line-height
的值是前面14px
的1.5
倍。