16.字体族,font复合属性,文本缩进,文本对齐

一.字体族

  字体族属性可以设置不同的字体,是font-family属性,属性值写字体的名称,比如

<style>
    div {
        font-family: 楷体;
    }
</style>

这样我们就把字体设置为楷体,我们也可以同时输入多种字体,中间用逗号隔开,浏览器会从左到右识别,这样做是为了,避免某些浏览器不识别某一种字体而造成乱码导致无法显示.

二.font复合属性

这个是用来简写的,一个属性对应多个值的写法,各个属性值之间用空格隔开,如果要使用font复合属性,属性值要按特定的顺序书写,分别是:是否倾斜 是否加粗 字号/行高 字体,同时字号跟字体必须写进去,否则不生效

<style>
    /* 文字倾斜、文字加粗、字体大小30px、行高2倍、楷体 */
    /* font 属性必须写字号字体 */
    div {
        font: italic 700 30px/2 楷体;
    }
</style>

  三.文本缩进

  当写文章时,一开头需要空两格,这时候就用到文本缩进属性,text-indent属性,属性值有两种,数字+px,或数字+em(1em=当前标签字号大小),建议用第二种,一般不都是缩进两个空格么,2em就是缩进两个当前字号大小不就是两空格么

<style>
    p {
        text-indent: 2em;
        font-size: 30px;
    }
</style>

四.文本对齐

  作用:控制内容水平对齐方式,text-align属性,有left左对齐,center居中对齐,right右对齐,默认是左对齐

<style>
    h1 {
        /* text-align: left; */
        text-align: center;
        /* text-align: right; */
    }
</style>