font简写语法

font简写语法

测试

<p class="p box">这是子元素的字体 默认继承了哪些字体属性 **font-style font-weight font-size/line-height font-family**都从父元素继承了</p>
<p class="fz box">这是用font:12px定义的文本 <b>语法错误</b></p>
<p class="fzl box">这是用font:12px/30px定义的文本<b>语法错误</b></p>
<p class="fzff box">这是用font:12px 宋体 定义的文本</p>
<p class="fzlff box">这是用font:12px/30px 宋体 定义的文本<b>正确</b></p>

font:[font-style] [font-variant] [font-weight] font-size/[line-height] font-family

简写语法，注意必选和可选，省略的定义会采用默认值 (cute: stay weight size in home)

结论：如果要定义字体的多个样式 建议简写（font-size font-family是必须的），如果只是修改一个样式，直接写比较好