css字体属性

1、font-family属性设置字体系列

注意：如果字体系列的名称超过一个字，它必须用引号，多个字体系列是用一个逗号分隔， 多个字体系列是用一个逗号分隔。font-family: 'Microsoft', Arial, Helvetica, sans-serif;

2、font-size属性设置字体大小

单位有px（像素）、em、%。1em和当前字体大小相等。在浏览器中默认的文字大小是16px。 因此，1em的默认大小是16px。

3、font-weight属性字体粗细

font-weight: normal；(默认值-细体-不加粗的意思)

font-weight:bold；(粗体)

font-weight:bolder；（更粗）

font-weight：lighter；（更细）

实际开发中，我们更提倡使用数字，700表示加粗，这个700后面不要跟单位，700等价与bold 都是加粗的效果。 400等价与normal 都是细体的效果。

4、font-style属性设置字体样式

font-style: normal；默认值。浏览器显示一个标准的字体样式。

font-style:italic；倾斜

实际开发中让字体变倾斜的情况较少，可能会让倾斜的字变得不倾斜，这个时候就要用到font-style：normal。

5、font复合属性写法

正常写是按照我们上面那样写，但是这样按照上面那样写很繁琐， 我们可以用简写的方式，节约代码，那这样的话就可以使用font复合属性。可设置的属性是（按顺序）： "font-style font-variant font-weight font-size/line-height font-family"。

使用font复合属性写法注意点： 1、使用font属性时，要按上面语法格式中的顺序书写，不能更换顺序，并且各个属性以空格隔开。 2、不需要设置的属性可以省略（取默认值），但必须保留font-size和font-family属性，否则font属性将不起作用。

css文本属性

1、文本对齐text-align

text-align:right;把文本排列到右边

text-align:left；把文本排列到左边，默认值：由浏览器决定。

text-align:center；把文本排列到中间

text-align:justify；实现两端对齐文本效果

2、文本装饰text-decoration

text-decoration: underline;下划线 常用

text-decoration: line-through;删除线

text-decoration: none;取消a下面默认的下划线 none 默认值 最常用

3、文本缩进text-indet

text-indent: 20px;文本第一行首行缩进 多少距离

text-indent: 2em;如果此时写了2em 则是缩进当前元素，2个文字大小的距离

4、行间距line-height

line-height: 30px;设置行与行之间的空间为30px