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

2、内部样式:

3、外部样式:

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

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



















