CSS/tutorials

2010年10月16日 (六) 01:29的最后版本

本CSS教程能够令你即刻开始CSS的学习。它易于理解，将教你所有高级技巧。

• 介绍

简要介绍本教程以及你能从中学到的知识。

• 第1课：CSS是什么？

简述为什么需要CSS，以及采用CSS进行页面布局与设计比采用HTML有什么优势。

• 第2课：CSS的工作原理

学习CSS的基本语法，并创建自己的第一个样式表。

• 第3课：颜色与背景

学习如何为网站设置颜色、背景色及背景图像。

• 第4课：字体

这一课，你将学习字体以及如何用CSS来设置字体。

• 第5课：文本

这一课将向你介绍CSS在文本布局方面令人激动的特性。

• 第6课：链接

关于如何为链接添加奇特而有用的效果，以及伪类的用法。

• 第7课：元素的分类与标识（class和id）

详细了解如何用class和id为所选元素指定CSS属性。

• 第8课：组织元素（span与div）

详细了解如何使用span和div这两个对CSS很重要的HTML元素。

• 第9课：盒状模型

CSS中的盒状模型用于描述一个为HTML元素形成的矩形盒子。

• 第10课：盒状模型——外边距和内边距

通过设置margin和padding属性来修改元素的外观。

• 第11课：盒状模型——边框

了解在设置边框方面CSS提供的无尽选择。

• 第12课：盒状模型——高度和宽度

在这一课，我们将看到为元素定义高度和宽度是十分简单的。

• 第13课：浮动元素（float）

我们可以通过CSS属性float令元素向左或向右浮动。

• 第14课：元素的定位

CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。

• 第15课：用z-index进行层次堆叠

在这一课，我们将学习如何用层次令不同元素堆叠起来。

• 第16课：Web标准与验证

最后一课介绍了W3C标准，以及如何验证自己的CSS是符合标准的。

来源：http://html.net 译者 (Translation): 中国万维网联盟(W3CHINA) (徐涵 (Collin Hsu) & 周金 (Jin Zhou))

<discussion>characters_max=300</discussion>