CSS 定义了如何显示 HTML 元素

学前准备

在我们继续学习 CSS 之前，我们希望你对以下知识有个基本的了解

1. HTML

什么是 CSS ?

• CSS 指层叠样式表 ( C ascading S tyle S heets)
• 样式定义如何显示HTML 元素
• 样式通常存储在 样式表 中
• 把样式添加到 HTML 中，是为了 解决内容与表现分离的问题
• 外部样式表 可以极大提高工作效率
• 外部样式表通常存储在CSS 文件 中
• 多个样式定义可 层叠 为一

CSS 是如何工作的

一个HTML文档可以显示不同的样式

查看 CSS 是如何工作的

CSS 解决了一个很大的问题

HTML 标签原本被设计为用于定义文档内容，比如如下内容

<h1>这是一个标题</h1>
<p>这是一个段落</p>

CSS 样式表则是定义如何显示 HTML 元素，就像 HTML 中的字体标签和颜色属性所起的作用那样

CSS 样式通常保存在外部的 .css 文件中

这样我们可以通过仅仅编辑一个简单的 CSS 文档就能同时改变站点中所有页面的布局和外观

这样也能极大地提高了工作效率