CSS的引入方式

一.CSS的引入方式。
1.css内部引入方式。
1.1实现方式：在html文件的head标签中，添加上一对style标签，将样式写到style标签中即可。
1.2优点:
1.2.1不用来回调文件写代码。
1.2.2因为html结构和css样式在同一个文件中，可以非常方便的查找以及写css样式。
1.3缺点：
1.3.1不能复用。
1.3.2如果写大型网站，会出现html文件中css代码多余html结构代码。
1.4使用场景。
网页比较小/课堂代码/测试。
2.Css外部引入方式。
2.1实现方式：
2.1.1在工程的css文件夹中单独创建一个独立的css文件，在该css文件中添加css样式。（注意：不需要在css文件中添加style标签）
2.1.2在html文件的head标签中，添加link标签，引入关联外部的css样式文件。
2.2优点：
2.2.1能够实现html规范中的html结构和css样式的分离。
2.2.2方便复用。
2.3缺点:
2.3.1不方便查看结构和样式。
2.4使用场景。
中大型网页。
3.CSS内联式。
3.1实现方式：在开始标签中，添加style属性，属性值直接给上css属性即可。
实战演练：

二.CSS常用的样式。
1.和文字相关的样式。
1.1文字大小。 Font-size: 30px; 单位：px，像素。
1.2文字颜色。 Color: red；
1.3文字字体。 Font-family：Kaiti;
1.4文字粗细。 Font-weight:900; 可选值：100~900的值，bold，bolder。
1.5文字水平对齐方式。 Text-align:center; 可选值：left，right，center。
1.6文字行高。 Line-height：100px; 单位：px，像素;
1.7文本装饰器。 Text-decoration: underline; 可选值：underline, overline, line-through, none.
1.8文本缩进。
1.9单词间距。
2.和背景相关的样式。
3.其他常用样式。
3.1背景颜色。 Background-color： red；
3.2宽度。 Width：100px； 单位：px，像素。
高度。 Height：100px； 单位：px，像素。
3.3 字母间距。
3.4 处理空白符。
3.5 文字阴影。
文字相关属性代码实现：