CSS - 介绍

CSS 是 Cascading Style Sheets 的缩写。它帮助以单独的文件（称为 CSS 文件，扩展名为 .css）来定义 HTML 元素的表现形式。

什么是 CSS？

• CSS 代表 Cascading Style Sheets，用于描述网页的表现形式和设计。
• 使用 CSS，您可以控制文本颜色、字体样式、段落间距、列的大小和布局，以及使用的背景图像或颜色。
• CSS 可以同时控制多个网页的布局。

CSS 样式示例

以下是一个网页布局，点击下面的按钮为页面添加 CSS 样式，并查看带有和不带有 CSS 的网页之间的差异。

为什么使用 CSS？

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

CSS 语法

CSS 的语法由 selector 和 declaration 组成，用于向 HTML 元素应用样式。

selector {
    property: value;
}

• selector 针对您想要样式化的 HTML 元素/元素。
• declaration block 包含一个或多个用大括号 {} 包围的 declaration。
• 每个 declaration 由一个 property 和一个用冒号 : 分隔的 value 组成。declaration 之间用分号 ; 分隔。

CSS 中有多种类型的 selector，常用的是 class、ID 和 tag。要了解完整的 selector 列表，请访问 CSS Selectors 文章。

CSS 历史和版本

当前的 CSS3 版本以及早期的版本是 CSS1 和 CSS2。目前 CSS 正在持续演进并适应新功能，以满足当前网站的需求。

Cascading Style Sheets level 1 (CSS1) 于 1996 年 12 月由 W3C 作为推荐发布。该版本描述了 CSS 语言以及所有 HTML 标签的简单视觉格式化模型。

CSS2 于 1998 年 5 月成为 W3C 推荐，并基于 CSS1 构建。该版本添加了对媒体特定样式表的支持，例如打印机和听觉设备、可下载字体、元素定位和表格。

CSS3 于 1999 年 6 月成为 W3C 推荐，并基于旧版本 CSS 构建。它被分为文档称为 Modules，每个 module 包含在 CSS2 中定义的新扩展功能。

CSS3 Modules

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

• Selectors
• Box Model
• Backgrounds and Borders
• Image Values and Replaced Content
• Text Effects
• 2D and 3D Transformations
• Animations
• Multiple Column Layout
• User Interface

有关 CSS 中使用的样式类型的快速指南，请访问我们的 CSS cheat-sheet