CSS - 简介

---

---

CSS 是 **层叠样式表 (Cascading Style Sheets)** 的缩写。它有助于将 HTML 元素的呈现定义为一个单独的文件，称为 CSS 文件，扩展名为 .css。

什么是 CSS？

• CSS 代表层叠样式表 (Cascading Style Sheets)，用于描述网页的呈现和设计。
• 使用 CSS，您可以控制文本的颜色、字体的样式、段落之间的间距、列的大小和布局方式、使用的背景图片或颜色等。
• CSS 可以一次控制多个网页的布局。

CSS 样式示例

以下是网页的布局，点击下面的按钮可以为页面添加 CSS 样式，看看有无 CSS 的网页之间的区别。

 

为什么要使用 CSS？

• CSS 节省时间：您可以编写一次 CSS，然后在多个 HTML 页面中重用相同的样式表。
• 页面加载速度更快：如果您使用 CSS，则无需每次都编写 HTML 标签或属性。只需编写一个标签的 CSS 规则并将其应用于该标签的所有出现。
• 易于维护：要进行全局更改，只需更改样式，所有网页中的所有元素都将自动更新。
• 比 HTML 更好的样式：CSS 比 HTML 具有更广泛的属性，因此您可以让您的 HTML 页面看起来更好。
• 多设备兼容性：对于同一个 HTML 文档，可以为不同的屏幕宽度呈现不同的网站版本。
• 全球 Web 标准：现在大多数 HTML 属性已被弃用，建议使用 CSS。

CSS 语法

CSS 的语法由选择器和声明组成，用于将样式应用于 HTML 元素。

selector {
    property: value;
}

• 选择器目标是您想要设置样式的 HTML 元素/元素。
• 声明块包含一个或多个用花括号 **{}** 括起来的声明。
• 每个声明都包含一个 **属性** 和一个值，用冒号 **:** 分隔。声明用分号 **;** 分隔。

CSS 中有几种类型的选择器，常用的选择器是类、ID 和标签。要了解选择器的完整列表，请访问 **CSS 选择器** 文章。

CSS 历史和版本

当前版本为 CSS3，早期版本为 CSS1 和 CSS2。目前，CSS 仍在不断发展，并适应满足当前网站需求的新功能。

CSS1（层叠样式表级别 1）于 1996 年 12 月作为 W3C 建议发布。此版本描述了 CSS 语言以及所有 HTML 标签的简单视觉格式模型。

CSS2 于 1998 年 5 月成为 W3C 建议，并在 CSS1 的基础上构建。此版本增加了对媒体特定样式表（例如打印机和声音设备）、可下载字体、元素定位和表格的支持。

CSS3 于 1999 年 6 月成为 W3C 建议，并在早期版本的 CSS 基础上构建。它被细分为文档，称为模块，每个模块在 CSS2 中定义了新的扩展功能。

CSS3 模块

CSS3 模块包含旧的 CSS 规范以及扩展功能。

• 选择器
• 盒模型
• 背景 和 边框
• 图像值 和替换的 内容
• 文本效果
• 2D 和 3D 变换
• 动画
• 多列布局
• 用户界面

有关 CSS 中使用的样式类型的快速指南，请访问我们的 **CSS 速查表**