CH经典CSS入门教程

本CSS教程能够让你在数小时内入门CSS。它很容易理解，而且将向你介绍所有高级技巧。

学习CSS是很有趣的。你在学习本教程的过程中，记得留有充分的时间来实践你在每一课中学到的知识。

使用CSS要求你有基本的HTML经验。如果你不熟悉HTML，那么请在开始学习CSS之前先学习我们提供的HTML教程。

我需要什么软件？

在学习本教程时，请不要使用类似FrontPage、DreamWeaver或Word这样的软件。这些高级软件对你学习CSS没有帮助。相反，它们会限制你，并显著减慢你的学习进度。

你所需要的只是一个免费的简易文本编辑器。

例如，微软视窗操作系统（Microsoft Windows）自带的记事本（Notepad）程序。你可以依次点击“开始菜单→程序→附件”找到该程序。如果你用的是其他操作系统，那么也有类似的简易文本编辑器可用，比如Linux上的Pico或Mac（苹果机）上的Simple Text。

采用简易文本编辑器来学习编写HTML和CSS是非常好的，因为它不会影响或修改你所输入的代码。这样，代码的对错完全取决于你自己，而不是软件。

你可以使用任何浏览器。但我们建议你把浏览器升级至最新版本。

你所需要的全部软件就是一个浏览器和一个简易文本编辑器。

我们现在开始学习CSS吧！

内容导航

• 第1页：CH经典CSS入门教程
• 第2页：第1课：CSS是什么？
• 第3页：第2课：CSS的工作原理
• 第4页：第3课：颜色与背景
• 第5页：第4课：字体
• 第6页：第5课：文本
• 第7页：第6课：链接
• 第8页：第7课：元素的分类与标识（class和id）
• 第9页：第8课：组织元素（span和div）
• 第10页：第9课：盒状模型
• 第11页：第10课：外边距和内边距
• 第12页：第11课：边框
• 第13页：第12课：高度和宽度
• 第14页：第13课：浮动元素（float）
• 第15页：第14课：元素的定位
• 第16页：第15课：用z-index进行层次堆叠
• 第17页：第16课：Web标准与验证