跳转到内容

层叠样式表/简介

来自维基教科书,开放世界中的开放书籍

层叠样式表 (CSS) 描述了文档的视觉风格和呈现方式,最常见于网站。CSS 的一个目的是将文档的呈现方式与结构和内容分离(尽管也可以将 CSS 嵌入结构中)。这种分离是W3C 标准推荐。将样式与结构和内容分离,可以提高文档作者的可维护性和受众的可访问性。CSS 通常应用于 HTMLXHTMLXML 文档,尽管也可以将其应用于其他类型的文档,但这种情况很少见。

CSS 描述的样式包括文档的颜色、字体、布局和其他呈现方式。单个 CSS 文件可以描述许多 HTML、XHTML 和 XML 文档的通用样式。通常,XHTML 文件中的特定元素具有可以应用于它的 CSS 样式规则的“级联”。优先级最高的样式规则将应用于每个元素。

为什么要使用 CSS?

[编辑 | 编辑源代码]

CSS 是一种强大的工具,它赋予网页设计师在网站的呈现层方面灵活性和模块化。

CSS 允许您定义所有格式规则以供以后使用(此处“格式”是指事物的外观)。因此,如果您正在编写一个大型网站,并且想要为每个标题、副标题、代码示例的外观、段落对齐方式等保持一致的外观,那么 CSS 是最佳选择。

假设您有一个包含 1200 个页面的网站,花费了数月时间才完成。然后您决定更改整个网站的字体、大小、背景、表格外观等。如果您使用 CSS 适当地设计了网站,则可以通过编辑一个链接 的 CSS 文件来完成此操作,该文件所有外观(格式)规则都集中在一个地方。如果您将样式放入 HTML 中,则必须调整所有 1200 个 HTML 页面中的每一个。通过使用 CSS,只需编辑全局样式表中的几个规则和行,就可以快速轻松地进行更改。在 CSS 出现之前,这些更改更加困难、昂贵且非常耗时。

一些服务器端模板系统可以很大程度上用于相同目的。然而,与 CSS 不同的是,它们通常将结构与内容分离,而不是将呈现方式与结构分离。此类模板使用户更难以禁用或忽略样式,或者对相同内容使用替代结构。

华夏公益教科书