目录

CSS 简介


CSS 是我们用来设计网页样式的语言。


什么是CSS?

  • CSS 代表层叠样式表
  • CSS 描述了 HTML 元素如何在屏幕、纸张或其他媒体上显示
  • CSS 节省了大量工作。它可以同时控制多个网页的布局
  • 外部样式表存储在 CSS 文件中

CSS 演示 - 一个 HTML 页面 - 多种样式!

这里我们将展示一个 HTML 页面,其中显示了四种不同的样式表。单击下面的"Stylesheet 1"、"Stylesheet 2"、"Stylesheet 3"、"Stylesheet 4" 链接查看不同的样式:



为什么使用CSS?

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

CSS 示例

body {
  background-color: lightblue;
}

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

p {
  font-family: verdana;
  font-size: 20px;
}
亲自试一试 »

CSS 解决了一个大问题

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

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

<h1>这是一个标题</h1>

<p>这是一个段落。</p>

当像 <font> 和颜色属性这样的标签被添加到 HTML 3.2 规范中时,它给 Web 开发人员带来了一场噩梦。大型网站的开发(将字体和颜色信息添加到每个页面)成为一个漫长而昂贵的过程。

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

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

如果您不知道什么是 HTML,我们建议您阅读我们的HTML教程


CSS 节省了大量工作!

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

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