跳转到内容

层叠样式表/简介

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

层叠样式表 (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 不同的是,它们通常将结构与内容分离,而不是将呈现与结构分离。这样的模板使得用户更难禁用或忽略样式,或者为相同内容使用备选结构。

华夏公益教科书