虽然 HTML 可以做简单的样式，但是带来的是无尽的臃肿和繁琐

1.2 CSS-网页的美容师 CSS 是层叠样式表（Cascading Style Sheets）的简称

有时我们也称之为 CSS 样式表或级联样式表

CSS 也是一种标记语言

CSS主要用于设置 HTML 页面中的文本内容（字体，大小，对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式

CSS 让我们的网页更加丰富多彩，布局更加灵活自如

简单理解：CSS 可以美化 HTML，让 HTML 更漂亮，让页面布局更简单

总结：

1. HTML 主要做结构，显示元素内容

2. CSS 美化 HTML，布局网页

3. CSS 最大价值：由 HTML 专注去做结构呈现，样式交给 CSS，即结构（HTML）与样式（CSS）相分离。

1.3 CSS 语法规范 使用 HTML 时，需要遵从一定的规范，CSS 也是如此，要想熟练地使用 CSS 对网页进行修饰，首先需要了解 CSS 样式规则

CSS 规则由两个主要的部分构成：选择器以及一条或多条声明

选择器是用于指定 CSS 样式的 HTML 标签，花括号内是对该对象设置的具体样式 属性和属性值以“键值对”的形式出现 属性是对指定的对象设置的样式属性，例如字体大小，文本颜色等 属性和属性值之间用英文“ : ”分开 多个“键值对”之间用英文“ ; ”进行区分 1.4 CSS 代码风格 以下代码书写风格不是强制规范，而是符合实际开发书写方式

1. 样式格式书写 ① 紧凑格式

h3 { color: deeppink;font-size: 20px;} ② 展开格式

h3 { color: pink; font-size: 20px; } 哪个看的舒服一目了然吧

2. 样式大小写 h3 { color: pink; } H3 { COLOR: PINK; } 建议都使用小写，特殊情况除外

3. 空格规范

h3 { color: pink; } ① 属性值前面，冒号后面，保留一个空格

② 选择器（标签）和大括号中间保留空格

2. CSS 基础选择器 2.1 CSS 选择器的作用 选择器（选择符）就是根据不同需求把不同的标签选出来这就是选择器的作用

简答来说，就是选择标签用的

以上 CSS 做了两件事：

1. 找到所有 h1 标签，选择器（选对人）

2. 设置这些标签的样式，比如颜色为红色（做对事）

2.2 选择器分类 选择器分为基础选择器和复合选择器两个大类，我们这里先讲解一下基础选择器

基础选择器是由单个选择器组成的 基础选择器又包括：标签选择器，类选择器，id选择器和通配符选择器 2.3 标签选择器 标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的 CSS 样式

语法

标签名{ 属性1：属性值1；

    属性2：属性值2；

    属性3：属性值3；

    ...

}

作用

标签选择器可以把某一类标签全部选择出来，比如所有的

    ...