CSS 的使用方式，CSS 的基本结构

CSS 的使用方式

CSS 用于描述元素外观，即元素是什么模样

也称为元素样式

它该怎么用呢?

解答之前先来思考几个问题

---

内容是什么?

有意义的存在

CSS 不是吗? 进一步来说，CSS 不就是内容吗?

对于内容该怎么做?

使用 元素 来装载

---

我 使用 CSS 是在做什么?

描述元素的外观

进一步讲，不就是 相关的信息吗?

对于相关的信息该怎么做?

使用 元素的属性 来存储

---

另外，这件事说明了什么? 有着明确的目标

那该怎么做？

单独成文

---

因此，使用 CSS 的方式有三种，分别是

• 样式内容
• 样式属性
• 样式文件

分别借助于

• style元素
• style属性
• link元素来实现

样式文件使用 .css 作为后缀

使用的前提是让浏览器能够找到它

---

CSS 的基本结构

前言道，CSS 用于描述元素外观，即元素是什么模样

这涉及到两个问题

• 描述哪个元素
• 是什么模样

该如何解决，答案是依靠 选择器 与 声明

它们合称为 规则集

---

选择器用于选择要描述的那个元素，可以理解为 HTML 元素在 CSS 中的呈现

声明用于描述是什么模样，分为 属性名与属性值 两部分

属性名决定了 从哪个方面进行描述

属性值决定了 从这个方面看，外观的的表象

---

一些需要注意的细节

• 规则集不区分大小写
• 声明包裹在 花括号 中
• 属性名与属性值要用 冒号 隔开
• 声明可有多条，两条之间使用 分号 隔开

---

选择器未知时，规则集会被浏览器视为无效并将其忽略

属性未知 或 属性值对这个属性而言无效时，声明也会被浏览器视为无效并将其忽略

---