学习WEB前端第三天（2）-字体、文本、样式表

CSS fonts(字体)

属性用于定义字体系列、大小、粗细和文字样式(如斜体)
1.各种字体之间必须使用英文状态下的逗号隔开
2.一般情况下，如果有空格隔开的多个单词组成的字体，加引号
3.尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示
4.一般放在body{}中

字体大小

css使用font-size属性定义文字大小

字体粗细

css使用font-weight属性设置文字字体的粗细

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

CSS文本属性

CSSText(文本)属性可定义文本的外观，比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等

文本颜色

color属性用于定义文本颜色

对齐文本

text-align属性用于设置元素内文本内容的水平对齐方式

装饰文本

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

文本缩进

text-indent属性用来指定文本的第一行的缩进，通常是将段落的首行缩进

行间距

line-height属性用于设置行间的距离（行高）,可以控制文字行与行之间的距离

CSS的三种样式表

按照CSS样式书写的位置（或者引入的方式）,CSS样式表可以分为三大类：
1.行内样式表(行内式)
是在元素标签内部的style属性中设定CSS样式，适合于修改简单样式

<div style="color:red;font-size:12px;">青春不常在</div>

2.内部样式表(嵌入式)
是写到html页面内部，是将所有的CSS代码抽取出来，单独放到一个 < style >标签中,< style >一般放在< head >里
3.外部样式表(链接式)
实际开发都是外部样式表，适合与样式比较多的情况，核心是样式单独写到CSS文件中，之后把CSS文件引入到HTML页面中使用
引入外部样式表分为两步：
1.新建一个后缀名为.css的样式文件，把所有CSS代码都放入此文件中
2.在HTML页面中，使用标签引入这个文件

<link rel="stylesheet" href="css文件路径">  stylesheet样式表