学习布局（16）字体类样式

 color: 设置元素的文本颜色

font-family: 规定元素的字体系列

•     中文界面: 建议以宋体、雅黑为首选
•     英文界面: 建议使用Arial、Tahoma
•     font-family: Arial, 'Microsoft YaHei'; 多个字体使用，隔开。

font-size: 规定元素的字体尺寸大小

•   length 和  % 两种属性值，是平时开发中会使用到的书写方式
•   em: 如果元素的font-size: 20px 那么 em = px / 20, 以em为单位设置字体在移动端开发中广泛使用
•   网页中最小的字体: 12px;
•   浏览器默认的字体: 16px;

 font-style: 设置元素的字体风格(是否倾斜)

•  font-style: italic; 会显示一个斜体的字体样式

 font-weight: 设置元素的文本粗细

•  font-weight: bold;设置文本加粗

 
.text {
    font-family: Arial, 'Microsoft YaHei';
    color: #ff9999;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
}

  <div class="text">
        设置元素的文本字体样式实例
    </div>