Web前端开发笔记11——css字体属性

1.字体属性：font-family.这个属性一般用于字体的显示选择。一般电脑在运行这段代码时，会从第一个开始测试，你电脑中是否存在此字体，直到最后一个。(尽量使用系统有的字体)

.wordfontchange{
        font-family: "Bitstream Vera Sans Mono","Microsoft YaHei UI", Monaco, "Courier New", Courier, monospace;
    }

2.字体大小：font-size.这个属性用于定义字体系列、大小、粗细和文字样式。

注：设置设置body样式时，body中的标题样式需要单独指定文字大小。

3.字体粗细：font-weight.这个属性可以修改文字的粗体或者瘦体。

其属性值：normal（默认）、bold、bolder、lighter、【number】。

其中normal是默认的字体形态，可以使用后者来定义新的字体形态。使用font-weight：700这种形式的定义时，要注意不要加px。

4.字体样式：font-style.这个属性设置字体的斜体或标准样式。

5.通过上面的四个不同的属性，我们可以使用一条代码完成全部的属性设置，方便快捷。

font:font-style font-weight font-size/line-height font-family

使用上面的格式来设置字体的复合属性。

<style>
    /*font:font-style font-weight font-size/line-height font-family*/
    .specialfont{
        font: italic 700 16px 'Microsoft YaHei UI';
    }
</style>
<div class="specialfont">这里使用了特殊的字体格式。</div>

代码效果：

注：font-style font-weight font-size/line-height font-family中必须有字体大小font-size和字体font-family这两个属性，其它的可以省略，而且这几个属性必须严格按照顺序使用。

6.文本颜色color：有3种表示方式，如下：

7.text-align文本对齐方式标签：可以设置文本的对齐方式。一般包含3个值left、right、center。

 

8.text-decoration属性规定添加到文本的修饰。可以添加下划线、删除线、上划线等。

9.首行缩进：text-indent.这个属性的值可以使用px也可以使用em，而em是一个相对单位，时当前元素1个文字的大小。

10.行间距：line-height属性用于设置行间的距离。

行间距是由上间距、下间距、文本高度统合而成的。