CSS(字体相关知识以及css三种样式表使用方法)

css字体样式设置

我们知道设置样式是逐步设置的，但是也可以复合起来，这样代码更加简洁，可阅读性强。比如字体样式。

字体样式的分开属性与综合属性

// 分开属性：
<style>
        p {
            font-style: italic; // 设置字体的样式是斜体还是正常（italic normal）
            font-weight: 400;  // 设置字体的粗细   （另外他的值在100--700之间，另外400代表normal，700代表bold加粗）
            font-size: 2em;   // 设置字体的大小
            font-family: "华文行楷";   //  设置字体的样式
        }
    </style>

复合写法语法：
标签{
font: 字体类型（斜体等） weight（粗细） size的（大小） family（样式）;
}

<style>
        p {
            font: italic 700 2em "华文行楷";
        }
</style>

---

文本常用属性(文本对齐方式，上下划线，缩进等)

p {
            text-align: center;    //设置文本的对齐方式   （三种：left center right）；
            text-decoration: dashed;   //  值有（line-through ,overline,underline）分别为中，上，下划线
            text-indent: 2em;    //   首行缩进两个中文字符   常常与文段连用
        }

---

另外： 字体方面：font-size： 16/28; 前面的16代表字体大小，后面的28代表这个文字的行高，行高不是单单只文字的上下距离，而是上一行文字的底部到本行文字的底部的距离。

css的三种设置样式的方法

第一种： 行内式 <p style="font-size: 25px">兔兔</p>
第二种： 写在head>style标签中

<style> 
	p {
		font-size:16px;
}

</sytle>

第三种 ： 外链式 （开发中使用的方式）
通过head标签中 <link rel="stylesheet" href="目标css文件">
链接文件以后就直接在文件中设置样式，且css文件中不需要写sytle标签，直接设置样式即可。
好处：代码更容易维护，代码可阅读性提高了。