Visit Mozilla.org

CSS:开始

From MDC

目录

[编辑] 介绍

本指南将带你认识层叠样式表(CSS)。

本指南通过实例让你了解基本的CSS特性。你可以在自己计算机上实践这些实例。本教程中的实例分为两部分。

  • 第一部分用于Mozilla及其它通用浏览器中的的标准CSS特性实例。
  • 第二部分包括一些Mozilla专用,在其他环境中没有必要使用的特殊CSS特性的实例。

本指南基于 CSS 2.1 Specification.

[编辑] 谁适合学习本指南?

本指南主要针对CSS初学者,当然,如果你已经有一定CSS经验,也可以使用本指南。

如果你是一个CSS的初学者,指南第一部分会告诉你什么是CSS及如何使用CSS。之后,通过本指南第二部分的学习来了解CSS是如何在Mozilla中应用的。

如果你对CSS有一定程度的了解,可以跳过指南中你已经知道的内容,直接阅读指南中你感兴趣的部分。

如果你已有相当丰富的CSS经验,但没有在Mozilla中使用CSS的经验,请直接学习本教程第二部分。

[编辑] 开始学习前要准备些什么?

为了获得最佳的学习效果,我们需要准备一个文本编辑器和一个Mozilla浏览器(Firefox 或 Mozilla 套件)。当然,你还需要知道上述软件的基本使用方法。

如果你懒得编辑文件,也可以用通读教程和参考图例的方法来学习指南,但这是一种效率很低的方法,所以我们不推荐使用此方法。

指南中某些部分,可能会涉及到Mozilla其它软件。这些是可选内容。如果你不想下载这些软件,可以略过这部分内容。

备注:  CSS提供操作颜色的方法,所以指南某些内容需要使用颜色。如果你有一台彩色的显示器和正常的色彩视觉,在学习这部分内容时会更加轻松。

[编辑] 如何使用本指南?

使用用本指南,强烈建议按顺序仔细阅读每个页面内容。 如果跳过某个页面,可能会难以理解后续内容。

每个页面中,利用资料部分理解CSS的工作原理。 利用实践部分在你自己的计算机上尝试指南中的CSS。

为了测试对教程内容的理解程度,可以尝试完成页面最下方的挑战部分内容。挑战部分的解答,会在指南的下一页面中给出。

想更深入的了解CSS,可以阅读以“更多资料”为标题的方框中内容。利用方框中的超链接你会找到更多CSS参考资料。

[编辑] 教程 第一部分

循序渐进学习CSS。

  1. 什么是CSS
  2. 为什么要使用CSS
  3. CSS如何工作
  4. 层叠和继承
  5. 选择符
  6. 具有可读性的CSS
  7. 文本风格
  8. 颜色
  9. 内容
  10. 列表
  11. 方框
  12. 布局
  13. 表格
  14. 媒体

[编辑] 教程 第二部分

CSS在Mozilla中的应用范围及范例。

  1. JavaScript
  2. XBL构建
  3. XUL用户界面
  4. SVG图形
  5. XML数据