CSS 简介

CSS 指的是层叠样式表 (Cascading Style Sheets),它描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。

CSS 节省了大量工作。它可以同时控制多张网页的布局,外部样式表存储在 CSS 文件中。

1. CSS 演示 - 一张 HTML 页面 - 多个样式!

下面是一张提供了四个不同样式表的 HTML 页面。请单击下面的样式表链接,来查看不同的样式:

2. 为何使用 CSS?

CSS 用于定义网页的样式,包括针对不同设备和屏幕尺寸的设计和布局。

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

3. CSS 解决了一个大问题

HTML 从未打算包含用于格式化网页的标签!

创建 HTML 的目的是描述网页的内容,例如:

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

将 <font> 之类的标签和 color 属性添加到 HTML 3.2 规范后,Web 开发人员的噩梦开始了。大型网站的开发将字体和颜色信息添加到每个页面中,这演变为一个漫长而昂贵的过程。

为了解决这个问题,万维网联盟(W3C)创建了 CSS。

CSS 从 HTML 页面中删除了样式格式!

4. CSS 节省了大量工作!

样式定义通常保存在外部 .css 文件中。

通过使用外部样式表文件,您只需更改一个文件即可更改整个网站的外观!

下一章:CSS 语法

CSS 规则集(rule-set)由选择器和声明块组成。选择器指向您需要设置样式的 HTML 元素。声明块包含一条或多条用分号分隔的声明。每条声明都包含一个 CSS 属性名称和一个值,以冒号分隔。多条 CSS 声明用分号分隔,声明块用花括号括起来。