CSS学习1（基础选择器、字体文本属性、css样式表）
1.什么是CSS
HTML主要关注内容本身，CSS就是用来美化页面的。
CSS是层叠样式表的简称，称为CSS样式表或者是级联样式表。CSS也是一种标记语言。
CSS最大价值就是让HTML专注于结构呈现，样式交给CSS，即结构（HTML）和样式（CSS）相分离。
CSS的2个组成部分：选择器以及一条或多条声明。
CSS写在<head></head>标签里面，写在<style></style>里面
2.选择器
选择器（选择符）就是根据不同需求把不同的标签选出来，用来选择标签。
选择器分为基础选择器和复合选择器两个大类。
2.1基础选择器
基础选择器是由单个选择器组成的，包括标签选择器、类选择器、id选择器和通配符选择器
2.1.1 标签选择器/元素选择器：
用HTML标签名称作为选择器，按标签名称分类。
2.1.2 类选择器：
单独选一个或者某几个标签。选择器格式为".类名{}"使用的时候标签添加class="类名"属性。可以多类名，格式是在标签上添加class="类名1 类名2 类名3..."属性，方便代码统一修改。
注意：不要用标签名字作为类名。
2.1.3 id选择器：
选择器格式为"#名字{}"，使用的时候标签添加属性：id="名字"就可以调用了。
注意：只能被调用一次！！
2.1.4 通配符选择器：
选择器格式为"*{}"，会把所有标签的样式都改变。
3.字体属性
font-family属性定义文本字体系列，如微软雅黑(Microsoft Yahei)，通常会写成 body{font-family: "Microsoft YaHei";}
font-size属性定义字体大小，单位为px；标题标签比较特殊，需要单独设立大小。
font-weight属性设置文本粗细。400或者是normal是正常粗细，可以查手册。加粗通常为700.
font-style属性设置文本风格。normal为标准字体样式，italic显示倾斜的字体样式，主要用于给<em>本来倾斜的字体变成不倾斜的。
font：字体复合属性：格式要求xx {font: font-style font-weight font-size/line-height font-family; } 一定要按照这个顺序写。必须要写font-size和font-family属性
4.文本属性
color文本颜色，可以用预定义颜色值（如red、green、blue），可以用十六进制（常用），可以用RGB代码。
text-align属性设置水平对齐方式，center、left（默认）、right。
text-decoration属性规定添加到文本的修饰，如下划线、删除线、上划线等。none（默认）、underline、overline（上划线）、line-through（删除线）。
- 应用：可以给一些标准样式进行修改。如a标签是自带下划线的，可以 a { text-decoration: none; }来取消默认的下划线。
text-indent属性：文本第一行首行缩进多少距离，单位px或者em，用em比较好，是按照当前元素大小来作为单位的。写2em，就是缩进当前元素2个字的距离。
line-height属性行间距，注意行间距是由三部分组成：上间距、下间距还有文本高度。
5.CSS引入
按照css样式书写的位置或者是引入的方式，css样式表可以分为3类：行内样式表（行内式）、内部样式表（嵌入式）、外部样式表（链接式）。
行内样式表（行内式）：直接在元素的标签内部的style属性中设定CSS样式。
内部样式表：就是写在HTML页面的内部，是将所有的CSS代码抽取出来，单独放到一个<style>标签里面。
- 特点：方便控制当前整个页面中的元素样式设置；代码结构清晰，但是，并没有实现结构和样式完全分离。
外部样式表（链接式）：适合于样式比较多的情况，核心是将样式单独写道CSS文件中，然后把CSS文件引入到HTML页面中使用。在HTML中使用<link>标签来引入CSS文件，如<link href="study01.css" rel="stylesheet">。rel用来定义当前的文档和链接文档之间的关系，stylesheet是指链接文档是样式表文档。
- 注意：在CSS文件中只有样式，没有标签。直接写选择器及声明。
