CSS 基础：语法规范、选择器与常用样式

CSS 的介绍

CSS(Cascading Style Sheet)，层叠样式表，用于控制页面的样式。CSS 能够对网页中元素位置的排版进行像素级精确控制，实现美化页面的效果。能够做到页面的样式和结构分离。简单理解，CSS 就是类似于对页面进行"化妆"，让页面变得更加好看。

基本语法规范

选择器 + {一条/N 条声明}

1. 选择器决定针对谁修改 (找谁)；
2. 声明决定修改啥 (干啥)；
3. 声明的属性是键值对，使用";"区分键值对，使用":"区分键和值。

CSS 有三种引入方式，引入到 HTML 的代码中：

引入方式	描述
行内样式	在标签内使用 style 属性，属性值是 css 属性键值对
内部样式	定义标签，在标签内部定义 css 样式
外部样式	定义标签，通过 href 属性引入外部的 css 文件

代码演示：

1. 行内样式：
2. 内部样式：
3. 外部样式：

三种引入方式的对比： 行内样式，只适合于写简单样式，只针对某个标签生效。缺点是不能写太复杂的样式。 内部样式会出现大量的代码冗余，不方便后期的维护，所以不常用。 外部样式，html 和 css 实现了完全的分离，企业开发常用方式。

注意：内部样式虽然可以写在任何地方，但我们常是写在 head 标签中。

CSS 选择器

CSS 选择器的主要功能就是选中页面指定的标签元素，选中了元素，才可以设置元素的属性。 CSS 选择器主要分以下几种：

1. 标签选择器
2. class 选择器
3. id 选择器
4. 复合选择器
5. 通配符选择器

标签选择器

class 选择器

class 是标签的一个属性，可以认为有相同 class 的标签被认为是同一组，在此基础上我们就可以进行一些列的其他操作，比较方便。 注意：