W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

CSS 简介



什么是 CSS?

  • CSS 指层叠样式表 (Cascading Style Sheets)
  • CSS 描述了 如何在屏幕,页面或其他媒体上显示HTML元素
  • CSS 节省了大量的工作。 它可以一次控制多个网页的布局
  • 外部样式表通常存储在 CSS文件

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

这里我们将显示一个HTML页面,其中显示四种不同的样式表。 点击下面的“样式表1”,“样式表2”,“样式表3”,“样式表4”链接,可以查看不同的样式:


为什么使用CSS?

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


CSS解决了一个大问题

HTML 从来就不应该包含格式化网页的标签!

HTML 标签原本被设计为用于定义文档内容,如下实例:

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。

为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。

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


CSS 样式表极大地提高了工作效率

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

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