CSS 简介
CSS 是我们用来美化网页的语言。
What is CSS?
- CSS 代表层叠样式表(Cascading Style Sheets)
- CSS 描述了 HTML 元素如何在屏幕、纸张或其他媒体上显示
- CSS 节省大量工作。它可以一次性控制多个网页的布局
- 外部样式表存储在 CSS 文件中
CSS 演示 - 一个 HTML 页面 - 多种样式!
在这里,我们将展示一个 HTML 页面,它使用四种不同的样式表显示。点击下面的“样式表 1”、“样式表 2”、“样式表 3”、“样式表 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>This is a heading</h1>
<p>这是一个段落。</p>
当诸如 标签和颜色属性被添加到 HTML 3.2 规范中时,这给网页开发人员带来了噩梦。开发大型网站时,需要在每个页面中添加字体和颜色信息,这变成了一个漫长而昂贵的过程。
为了解决这个问题,万维网联盟(W3C)创建了 CSS。
CSS 从 HTML 页面中移除了样式格式!
如果您不知道 HTML 是什么,我们建议您阅读我们的 HTML 教程。
CSS 节省了大量工作!
样式定义通常保存在外部 .css 文件中。
通过一个外部样式表文件,您只需更改一个文件就可以改变整个网站的外观!
视频:CSS 简介

