< 初识CSS >
前端的组成：
- 结构语言：HTML（盖房子、毛坯房）
- 表现语言： CSS（装修）
- 行为语言： JavaScript（安装电梯…基于时间的）
一、了解CSS
CSS（Cascading Style Sheet）级联 / 层叠样式表：
它是用来给我们的HTML做美化，事实上HTML也能做一些美化，但是为什么单独提出来CSS呢，因为降低耦合，面向对象。
CSS的样式非常丰富，这是HTML不可比比拟的
CSS的文件： .CSS
二、掌握CSS的基本语言
三、掌握CSS的引入方式
行内样式表：
- 直接在标签中通过style 属性设置模式，每一个HTML都有此属性
内部样式表：
- 在head标签中添加style标签，然后编写完整的CSS语法
外部样式表：
- 本项目中的CSS文件
公网的CSS链接（CDN加速）
三种引入方式的优先级：
- 行内样式表优先级最高 > 内部样式和外部样式表谁在后面谁优先级高（代码是由上而下执行的，后面的相同设置会覆盖前面的）
四、掌握CSS的基本选择器
CSS中的三大选择器
-
标签选择器：
标签名就是作为一种选择器，表示给对应的标签统一设置样式。列入： h3 p -
类选择器：
需要借助标签的 class 属性（应用最广泛的选择器） -
ID选择器
需要借助标签的 id 属性 -
基本算则器的优先级（范围越小优先级越高）：
id选择器 > 类选择器 > 标签选择器
五、掌握CSS的初级美化
1、 字体美化
-
字体颜色:
-
字体大小：
-
字体风格：
-
字体粗细：
-
一个字体属性设置所有的字体样式：font
2、文本美化
-
文本颜色：
-
文本对齐方式（必须要保证设置的对齐文字素在块元素内）
-
文本缩进、行高（行间距）
-
文本装饰
-
块元素和行内元素：
在标准文档流中，我们的HTML内的元素可以分为两大派。
1、块元素：
独占一行，可以设置宽度和高度等信息
2、行内元素：
多个行内元素可以在一行展示内容，他不可以设置宽度和高度等信息，内容撑开宽度和高度。
3、超链接美化
4、鼠标指针
5、背景美化
六、掌握列表的使用
在HTML中我们准备了三种列表形式：无序类表、有序类表、定义列表。
-
无序列表：
以一些符号为前缀的列表 -
有序列表
以有序的数字或者有序的符号为前缀的列表 -
定义列表
带小标题的列表形式