CSS 的介绍
CSS(Cascading Style Sheet),层叠样式表,用于控制页面的样式。CSS 能够对网页中元素位置的排版进行像素级精确控制,实现美化页面的效果。能够做到页面的样式和结构分离。简单理解,CSS 就是类似于对页面进行'化妆',让页面变得更加好看。
基本语法规范
选择器 + {一条/N 条声明}
- 选择器决定针对谁修改 (找谁);
- 声明决定修改啥 (干啥);
- 声明的属性是键值对,使用';'区分键值对,使用':'区分键和值。
既然 CSS 是'化妆',那首先得要对象才行,这个对象就是 HTML 的代码。
CSS 有三种引入方式,引入到 HTML 的代码中:
| 引入方式 | 描述 |
|---|---|
| 行内样式 | 在标签内使用 style 属性,属性值是 css 属性键值对 |
| 内部样式 | 定义<style>标签,在标签内部定义 css 样式 |
| 外部样式 | 定义<link>标签,通过 href 属性引入外部的 css 文件 |
代码演示:
-
行内样式:

-
内部样式:

-
外部样式:

三种引入方式的对比:
行内样式,只适合于写简单样式,只针对某个标签生效。缺点是不能写太复杂的样式。
内部样式会出现大量的代码冗余,不方便后期的维护,所以不常用。
外部样式,html 和 css 实现了完全的分离,企业开发常用方式。
注意:内部样式虽然可以写在任何地方,但我们常是写在 head 标签中。
CSS 选择器
CSS 选择器的主要功能就是选中页面指定的标签元素,选中了元素,才可以设置元素的属性。
CSS 选择器主要分以下几种:
- 标签选择器
- class 选择器
- id 选择器
- 复合选择器
- 通配符选择器
下面我们一一来学习:
标签选择器




















