初识CSS

初识CSS
前端的组成：
结构语言：HTML（盖房子，毛坯房）涉及到布局设计
表现语言：CSS（装修）
行为语言：JavaScript（安装的电梯…基于事件的）
1.了解CSS
CSS：Cascading Style Sheet 级联/层叠样式表
它是用来给我们的HTML做美化的，事实上HTML也能做一些美化，但是为什么单独题出来CSS呢，因为降低耦合，面向对象。
CSS的样式非常丰富，这是HTML不可比拟。
CSS的文件格式：CSS
2.掌握CSS的基本语法

CSS使用示例：

3.掌握CSS的引入方式




三种引入方式的顺序：行内样式表优先级最高 >内部样式表和外部样式表谁在后面谁优先级高（代码是由上而下的）
4.掌握CSS的基本选择器

应用广泛：

不常用：


基本选择器优先级（范围越小 优先级越高）：ID选择器优先级最高 > 类选择器 > 标签选择器

5.掌握CSS的初级美化

5.1字体美化

5.2文本美化

1.文本颜色：color
块元素和行内元素：
在标准文档流中，我们的HTML内的元素可以分为两大派。
1.块元素：特点独占一行，可以设置宽度和高度等信息。
2.行内元素：多个行内元素可以在一行展示内容，它不可以设置宽度和高度等信息，内容撑开宽度和高度。





5.3超链接美化



5.4鼠标指针

5.5背景美化

6.掌握列表的使用
在HTML中为我们准备了三种列表形式：无序列表，有序列表，定义列表
1.无序列表：以符号为前缀的列表

2.有序列表：以有序列表的数字或有序的序号

3.定义列表：带小标题的列表

举例：