CSS字体属性

1，概要

属性：font-size        表示：字号        注意：通常的单位是px像素，一定要跟上单位

属性：font-famliy     表示：字体        注意：实际工作中按照团队约定的字体设置

属性：font-weight    表示：字体粗细 注意：数字不跟单位，加粗700或bold，不加粗400或normal

属性：font-style       表示：字体样式 注意：倾斜：italic        不倾斜：normal

属性：font                表示：字体连写 注意：字体连写是有顺序的，不能随意换位，其中字号与字体必须出现

2，font-style设置文字样式

属性值：normal        作用：为默认值，浏览器会显示标准的字体样式，font-style：normal

属性值：italic            作用：浏览器会显示倾斜样式

ps，平时我们一般很少给文字加斜体，反而给倾斜标签改为不倾斜字体（<em>,<i>）

展示

 

3，font-weight设置字体粗细

属性值：normal        作用：默认值（不加粗），即400

属性值：bold            作用：定义粗体（加粗），即700

ps：一般在开发中，习惯用数字加粗

展示

 

4，font-size设置字体大小

ps：（1）不同的浏览器的默认字体大小不同，谷歌的为16px

       （2）可用body制定整个页面文字大小 

展示

 

5，font-famliy设置字体系列

ps：（1）各个字体必须使用英文状态下的逗号隔开

        （2）一般情况下，如果有多个词组组成的字体，加引号

        （3）尽量使用系统自带的字体

展示：

 

6，font连写