一、基础认知
CSS 简介
1：CSS 的使用场景是什么？
美化网页，布局页面
2：CSS 的中文名称是什么？
层叠/级联样式表（Cascading Style Sheets）；
CSS 也是一种标记语言。
3：CSS 能设置哪些样式？
文本内容：字体、大小、对齐方式；
图片：宽高、边框、边距；
版面的布局。
体验 CSS 语法规范
1：CSS 规则包含哪两个部分，作用是什么？ 选择器：改谁的样式； 样式声明：改成什么样式。
2：CSS 通常写在 HTML 的什么位置？
<head>
<meta charset="UTF-8" />
<title>体验CSS语法规范</title>
<style>
/* CSS 写在这里 */
</style>
</head>
3：CSS 语法格式是什么？
使用 {} 包含一个或多个样式声明；
每条样式声明以键值对形式出现： 属性: 值 ；
属性和值之间使用 : 分隔；
属性之间使用 ; 分隔，最后一行的分号可以省略。
CSS 代码风格
1：紧凑格式和展开格式哪种更推荐？为什么？
更推荐展开格式，因为更直观，更易于阅读和维护。
2：书写样式时，应该使用大写字母还是小写字母？
小写字母。
3：书写样式时，有两个地方需要注意空格，分别是什么位置？
①选择器和开始花括号之间保留一个空格；
②后面保留一个空格。
二：基础选择器：
一、<!-- 标签选择器就是把名写上
标签选择器可以把页面中所有对应标签选出来-->
<style>
标签{}
</style>
二、<!-- 类选择器，可以选择一个或者多个标签 -->
<style>
.＋定义的名称
</style>
<div class=”定义的名称”> 内容</div>
[if !supportLists]· [endif]Css中的列选择器中多类名选择器：把元素相同的样式放在同一个公共类中，个性的样式放在单独的类中，既可以节省CSS 代码，又方便统一修改。
[if !supportLists]三、[endif]Id选择器，每个id选择器只能使用(调用)一次（举例：身份证）
样式中id选择器调用比较少
<style>
#定义的名称
</style>
<div id=”定义的名称”> 内容</div>
四、通配符选择器* 所有的标签（*全选）
通配符选择器
1：通配符选择器使用什么符号定义？表示什么含义？
* ；
表示选取页面中的所有元素
2：通配符选择器需要调用吗？为什么？
不需要
浏览器在解释 HTML 时，会把通配符选择器中定义的样式应用到页面中的每一个元素。
基础选择器总结
三： 字体属性
font-family 设置字体系列
1：字体属性可以定义哪些样式？
字体相关的样式，例如：字体系列、大小、粗细、文字样式（斜体）等。
2： font-family 的含义是什么？
字体系列、字体族。
3：为什么要尽量使用系统默认自带字体？
保证在任何用户的浏览中都能正确显示。
4：浏览器对字体的搜索顺序是什么？
当指定的字体找不到（或者某些文字不支持这个字体）时，就接着往后找。
5：为什么要把字体样式设置给 body 标签？
一次设置，到处使用。
font-size 字号大小
1：设置字体大小的单位是什么？
px 像素。
2：谷歌浏览器的默认文字大小是多少？
16px 。
3：为什么要在 body 标签中指定页面文字的大小？
不同浏览器可能默认显示的文字大小不一致；
开发时要尽量给一个明确的值，不要使用默认大小。
font-weight 字体粗细
1：实际开发中推荐使用哪种方式设置字体的粗细？
数字；
font-weight 字重。
2：使用数值设置字体粗细需要单位吗？
不需要
3：哪些数值可以设置字体的粗细？ normal 对应多少？ bold 对应多少？
取值范围 100 ~ 900 （按 100 递增）；
normal ：正常粗细，与 400 等值；
bold ：加粗，与 700 等值。
font-style 字体样式
1：开发时把字体设置为倾斜的场景多吗？为什么？
font-style: italic; 在实际开发中使用的并不多；
因为大多数中文设置倾斜之后不好看。
2. 问题 2：font-style 的应用场景是什么？
把 em 、 i 默认的斜体改为不倾斜显示 font-style: normal;
font 复合属性写法
1：字体复合属性的属性名是什么？
font 。
2：复合属性的作用是什么？
节约代码。
3：复合属性的编写顺序是什么？能够随意调整顺序吗？
font: font-style font-weight font-size/line-height font-family ；
复合属性不能随意调整顺序；
复合属性至少要保留： font-size 和 font-family 属性，否则设置无效。
4：猜一猜在开发中字体的复合属性使用频率高吗？为什么？
不高；
font-family 通常会在 body 的标签选择器中定义，其他位置通常不需要再单独设置字体
字体属性总结
四、 文本属性
1：文本属性可以定义哪些样式？
文本相关的样式，例如：颜色、对齐方式、装饰文本、文本缩进、行间距等。
2：有几种定义颜色的方式？在开发中哪种颜色最常用？
预定义的颜色名： red 、 green 、 blue ；
十六进制： #ff0000 ；
RGB 代码： rgb(255, 0, 0) 或 rgba(255, 0, 0, 0.5) 。
如果要使用透明色，可以使用 rgba(red, green, blue, 透明度) ，其中：
red ： 0 ~ 255 ；
green ： 0 ~ 255 ；
blue ： 0 ~ 255 ；
透明度： 0 ~ 1 ， 0 表示完全透明（看不见）， 1 表示完全不透明。
文本对齐 text-align
1： text-align 能设置哪个方向上的文本对齐方式？
可以设置水平方向上的对齐方式。
2：有哪三种文本对齐方式？
left ：左对齐（默认）；
right ：右对齐；
center ：居中。
3：文本对齐的本质是什么？
让盒子内部的文本按照盒子边界对齐。
4：可以给不是独占一行的元素设置文本对齐吗?
不可以；
文本对齐对 span 、 a 、 em 、 ins 、 strong 等元素设置不生效。
文本装饰 text-decoration
2：如何取消 a 标签默认的下划线？
text-decoration: none; 。
文本缩进 text-indent
1： text-indent 的作用是什么？
设置文本段落的首行缩进，更适合中文阅读习惯。
2： em 有多大？
当前元素 1 个文字的大小。
3: text-indent 是否对不是独占一行的元素生效?
text-indent 属性仅对独占一行的元素生效。
扩展： &半角空格, 占据宽度正好是 1/2 个中文宽度；
&全角空格, 占据宽度正好是 1 个中文宽度。
行间距 line-height
1： line-height 的作用是什么？
控制文本行与行之间的距离；
文本在盒子中垂直居中（后面会讲）。
2：行间距由几个部分组成？分别是什么？
上间距；
文本高度；
下间距。
3：应该如何测量行间距？为什么？
从一段文字的下边线测量到相邻一行的下边线；
因为文本的上下间距是相等的。
CSS 文本属性总结
CSS 的三种引入方式
行内样式表（行内式）；
内部样式表（嵌入式）；
外部样式表（链接式）。
1：行内样式表有什么特点？
写在元素的 style 属性中；
适合于简单、快速、临时修改样式；
在 style 属性中，使用键值对设置样式，不需要 {} ；
写在哪个元素就控制哪个元素，对其他元素没有效果。
2：开发时推荐使用行内样式吗？为什么？
不推荐；
书写繁琐，没有体现出结构和样式分离；
不能做到样式复用。
3：开发时什么时候会使用行内样式？
临时使用，非正式页面。
行内样式表
行内样式表的优先级 > 内部样式表的优先级。
外部样式表
1：在实际开发中，哪种样式表的引入方式使用的多？
外部样式表；
核心思想：HTML 与 CSS 分离 (结构与样式分离)。
2：外部样式表的使用步骤是什么？
①新建外部的 CSS 文件并编写样式；
② 在 HTML 中使用 link 标签引入外部样式表。
3. 问题 3：外部样式表中需要使用 style 标签吗？为什么？
不需要；
标签是 HTML 的，CSS 中只有样式。
CSS 引入方式总结
