7、级联样式表（CSS）：网页样式控制的利器

5f4d3s2a1q

于 2025-09-30 16:42:00 发布

阅读量14

点赞数

CC 4.0 BY-SA版权

分类专栏：解码互联网编程文章标签： CSS 级联样式表内联样式

本文链接：https://blog.youkuaiyun.com/5f4d3s2a1q/article/details/154227579

解码互联网编程专栏收录该内容

38 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

级联样式表（CSS）：网页样式控制的利器

1. 引言

在网页开发中，之前我们主要使用可扩展标记语言（XHTML）来标记信息。而现在，我们将重点转移到使用级联样式表（CSS）来格式化和呈现信息。CSS 是一种 W3C 技术，它允许文档作者将网页元素的呈现（如间距、边距等）与文档的结构（如章节标题、正文文本、链接等）分开指定。这种结构与呈现的分离，大大简化了文档布局的维护和修改。

2. 内联样式

Web 开发者可以通过多种方式声明文档样式，其中内联样式是一种常用的方式。内联样式通过在元素的开始 XHTML 标签中使用 style 属性来为单个元素声明样式。

以下是一个示例代码：

<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Fig. 6.1: inline.html -->
<!-- Using inline styles   -->
<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <title>Inline Styles</title>
   </head>
   <body>
      <p>This text