今天开始学习css
css主要作用是美化网页，布局网页
css通常包含两个部分： 选择器：改谁的样式； 样式声明：改成什么样式。
css通常写在html的head标签里，外面一定要有<style>标签。
问题：CSS 语法格式是什么？ 答案：选择器 { 属性: 值; 属性: 值; }
*1. 在 HTML 中写样式不要忘记加 style 标签；
2. 设置字体不要忘记 px ；
CSS 代码风格
1.更推荐展开格式，因为更直观，更易于阅读和维护。
2.书写样式时，应该使用小写字母。
3.书写样式时，有两个地方需要注意空格。
选择器分为两大类：基础选择器和符合选择器
基础选择器：由单个选择器组成（今天学习）； 标签、类、id、通配符。
1.标签选择器：标签选择器就是使用 HTML 标签名称作为选择器。
结果：把某一类标签选择出来，统一修改样式；
优点：快速、统一设置同类型标签的样式；
缺点：没有差异化。
2.类选择器：如果想差异化选择不同的标签，单独选择一个或某几个标签。
1. 定义类选择器： 1. 选择器名称前有一个 . 表示是类选择器；
2. {} 中仍然是一个或多个键值对。
2. 使用类选择器： 1. 找到需要修改样式的标签；
2. 给标签增加 class 属性，属性值是选择器的类名。
3. 注意事项： 1. 使用类选择器不需要 . ！ 2. 使用类选择器不需要 . ！ 3. 使用类选择器不需要 . ！
*类选择器口诀 1. 样式点定义 2. 结构类调用 3. 一个或多个 4. 开发最常用
3.id选择器：专门定义 HTML 中某个特定元素的样式，因为 id 是唯一的。
1. 定义带 id 的 HTML 元素： 1. 给 HTML 中的某个特殊元素增加 id 属性。
2. 定义 id 选择器： 1. 选择器名称前有一个 # 表示是 id 选择器；
2. 选择器名称就是对应 HTML 元素的 id 名称；
3. {} 中仍然是一个或多个键值对。
*id 选择器口诀 1. 样式 # 定义 2. 结构 id 调用 3. 只能用一次 4. 别人勿使用
4.通配符选择器：通配符选择器使用“* ”符号； 表示选取页面中的所有元素。
通配符选择器不需要调用，浏览器在解释 HTML 时，会把通配符选择器中定义的样式应用到页面中的每一个元素。
2 字体属性
字体 font-family ,各种字体之间必须要用英文的,隔开
字号 font-size,标题标签毕竟特殊，需要单独设置
字体粗细 font-weight bold=700实现加粗 normal=400实现变细 取值100~900不跟单位
字体样式 font-style normal可以让斜体便正常
3 font复合属性写法
font: font-style font-weight font-size font-family
*不能颠倒顺序，各个属性用空格隔开；至少保留size和family
3 文字颜色 color
预定义的颜色名： red 、 green 、 blue ；
十六进制： #ff0000 ；
RGB 代码： rgb(255, 0, 0) 或 rgba(255, 0, 0, 0.5) 。
*最常用十六进制
4 文本对齐 text-align
可以设置水平方向上的对齐方式。
left ：左对齐（默认）； right ：右对齐； center ：居中。
文本对齐的本质是：让盒子内部的文本按照盒子边界对齐。
*不可以给不是独占一行的元素设置文本对齐
5 文本装饰 text-decoration
问题 ：如何取消 a 标签默认的下划线？
text-decoration: none; 。
6 文本缩进 text-indent
单位“em”是相对单位，就是按照当前元素的一个文字的大小。
text-indent 属性仅对独占一行的元素生效。
*  ：半角空格, 占据宽度正好是 1/2 个中文宽度；
  ：全角空格, 占据宽度正好是 1 个中文宽度。
7 行间距 line-height
问题：line-height 的作用是什么？
答案：控制文本行与行之间的距离； 文本在盒子中垂直居中。
行间距由 “上间距； 文本高度； 下间距 ”组成
CSS 的三种引入方式
1 内部样式表
理论上可以放在 HTML 的任何位置； 推荐放在 head 标签中，不要忘记还有一个 style 标签哦。
2 行内样式表
特点：
写在元素的 style 属性中；
适合于简单、快速、临时修改样式； 在 style 属性中，
使用键值对设置样式，不需要 {} ；
写在哪个元素就控制哪个元素，对其他元素没有效果。
3 外部样式表
在实际开发中，外部样式表引入方式使用最多。
核心思想：HTML 与 CSS 分离 (结构与样式分离)。
外部样式表的使用步骤：1. 新建外部的 CSS 文件并编写样式；
2. 在 HTML 中使用 link 标签引入外部样式表。
外部样式表中不使用 style 标签，标签是 HTML 的，CSS 中只有样式。
在html页面中，使用<link>引入
参考代码：<link rel="stylesheet" href="./css/style.css" />
