CSS 样式表

17 Mar 2025 | 4 分钟阅读

CSS:层叠样式表

CSS 是一种样式表语言,用于指定 HTML 或 XML 文档(包括 SVG、MathML 或 XHTML 等 XML 方言)的显示。CSS 指定项目应如何在屏幕、纸张、语音或其他媒介上显示。

CSS 是 Web 的基本语言之一,根据 W3C 指南在 Web 浏览器中进行标准化。以前,CSS 标准的不同部分同时开发,允许对最新建议进行版本控制。你可能听说过 CSS1、CSS2.1 甚至 CSS3。CSS3 和 CSS4 将不再存在;现在一切都是 CSS,没有版本号。

样式表基础

样式表是网页设计人员的一项重大突破,让他们能够提高网页的美观度。在 Web 最初开发的科学背景下,人们更关注文档的内容而非外观。随着越来越多的人发现 Web,HTML 的限制成为持续不满的根源,作者不得不绕过 HTML 的美学限制。虽然目标是崇高的——提高 Web 站点的显示效果——但实现这一目标所采用的策略却产生了意想不到的后果。这些策略有时对某些人有效,但只在某些时候有效。它们如下:

  1. 利用专有的 HTML 扩展
  2. 用文字创建图片
  3. 使用图片来控制空白
  4. 使用表格进行页面布局。
  5. 编写程序而不是使用 HTML。

这些策略极大地增加了 Web 站点的复杂性,提供了有限的灵活性,存在互操作性问题,并给残障人士带来了困难。

样式表解决了这些问题,同时取代了 HTML 有限的显示技术。样式表可以轻松设置文本行之间的空白量、行之间的缩进量、用于文本和背景的颜色、字体大小和样式以及各种其他功能。

CSS(层叠样式表)用于为包含 HTML 组件的网页设置样式。它控制网页组件的背景颜色、字体大小、字体系列、颜色和其他属性。

CSS 分为三类,列出如下:

  1. 内联 CSS
  2. 内部或嵌入式 CSS
  3. 外部 CSS

内联 CSS

要为特定的 HTML 元素设置样式,请使用内联 CSS。此 CSS 样式不需要选择器;您需要将 style 属性添加到每个 HTML 标签中。

鉴于需要单独设计每个 HTML 标签,不推荐使用此 CSS 类型。如果您使用内联 CSS,管理您的网站可能会变得过于困难。

然而,HTML 的内联 CSS 也有其用途。例如,如果您只需要对单个元素应用样式,并且您无法访问 CSS 文件。

输出

CSS Stylesheet

内部 CSS

您必须在 HTML 页面的 `` 部分包含一个 `