欢迎大家赞助一杯啤酒🍺 我们准备了下酒菜：Formal mathematics/Isabelle/ML, Formal verification/Coq/ACL2, C++/F#/Lisp
CSS/tutorials
来自开放百科 - 灰狐
（版本间的差异）
(以内容''''CSS教程 - 目录''' *介绍 简要介绍本教程以及你能从中学到的知识。 *第1课：CSS是什么？ 简述为什么需要CSS，以及采用CSS进行页...'创建新页面) |
|||
| 第1行： | 第1行： | ||
| + | {{top news}} | ||
| + | |||
'''CSS教程 - 目录''' | '''CSS教程 - 目录''' | ||
| − | *介绍 | + | *[[CSS/tutorials/introduction|介绍]] |
简要介绍本教程以及你能从中学到的知识。 | 简要介绍本教程以及你能从中学到的知识。 | ||
| − | *第1课：CSS是什么？ | + | *[[CSS/tutorials/lesson1|第1课：CSS是什么？]] |
简述为什么需要CSS，以及采用CSS进行页面布局与设计比采用HTML有什么优势。 | 简述为什么需要CSS，以及采用CSS进行页面布局与设计比采用HTML有什么优势。 | ||
| − | *第2课：CSS的工作原理 | + | *[[CSS/tutorials/lesson2|第2课：CSS的工作原理]] |
学习CSS的基本语法，并创建自己的第一个样式表。 | 学习CSS的基本语法，并创建自己的第一个样式表。 | ||
| − | *第3课：颜色与背景 | + | *[[CSS/tutorials/lesson3|第3课：颜色与背景]] |
学习如何为网站设置颜色、背景色及背景图像。 | 学习如何为网站设置颜色、背景色及背景图像。 | ||
| − | *第4课：字体 | + | *[[CSS/tutorials/lesson4|第4课：字体]] |
这一课，你将学习字体以及如何用CSS来设置字体。 | 这一课，你将学习字体以及如何用CSS来设置字体。 | ||
| − | *第5课：文本 | + | *[[CSS/tutorials/lesson5|第5课：文本]] |
这一课将向你介绍CSS在文本布局方面令人激动的特性。 | 这一课将向你介绍CSS在文本布局方面令人激动的特性。 | ||
| − | *第6课：链接 | + | *[[CSS/tutorials/lesson6|第6课：链接]] |
关于如何为链接添加奇特而有用的效果，以及伪类的用法。 | 关于如何为链接添加奇特而有用的效果，以及伪类的用法。 | ||
| − | *第7课：元素的分类与标识（class和id） | + | *[[CSS/tutorials/lesson7|第7课：元素的分类与标识（class和id）]] |
详细了解如何用class和id为所选元素指定CSS属性。 | 详细了解如何用class和id为所选元素指定CSS属性。 | ||
| − | *第8课：组织元素（span与div） | + | *[[CSS/tutorials/lesson8|第8课：组织元素（span与div）]] |
详细了解如何使用span和div这两个对CSS很重要的HTML元素。 | 详细了解如何使用span和div这两个对CSS很重要的HTML元素。 | ||
| − | *第9课：盒状模型 | + | *[[CSS/tutorials/lesson9|第9课：盒状模型]] |
CSS中的盒状模型用于描述一个为HTML元素形成的矩形盒子。 | CSS中的盒状模型用于描述一个为HTML元素形成的矩形盒子。 | ||
| − | *第10课：盒状模型——外边距和内边距 | + | *[[CSS/tutorials/lesson10|第10课：盒状模型——外边距和内边距]] |
通过设置margin和padding属性来修改元素的外观。 | 通过设置margin和padding属性来修改元素的外观。 | ||
| − | *第11课：盒状模型——边框 | + | *[[CSS/tutorials/lesson11|第11课：盒状模型——边框]] |
了解在设置边框方面CSS提供的无尽选择。 | 了解在设置边框方面CSS提供的无尽选择。 | ||
| − | *第12课：盒状模型——高度和宽度 | + | *[[CSS/tutorials/lesson12|第12课：盒状模型——高度和宽度]] |
在这一课，我们将看到为元素定义高度和宽度是十分简单的。 | 在这一课，我们将看到为元素定义高度和宽度是十分简单的。 | ||
| − | *第13课：浮动元素（float） | + | *[[CSS/tutorials/lesson13|第13课：浮动元素（float）]] |
我们可以通过CSS属性float令元素向左或向右浮动。 | 我们可以通过CSS属性float令元素向左或向右浮动。 | ||
| − | *第14课：元素的定位 | + | *[[CSS/tutorials/lesson14|第14课：元素的定位]] |
CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。 | CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。 | ||
| − | *第15课：用z-index进行层次堆叠 | + | *[[CSS/tutorials/lesson15|第15课：用z-index进行层次堆叠]] |
在这一课，我们将学习如何用层次令不同元素堆叠起来。 | 在这一课，我们将学习如何用层次令不同元素堆叠起来。 | ||
| − | *第16课：Web标准与验证 | + | *[[CSS/tutorials/lesson16|第16课：Web标准与验证]] |
最后一课介绍了W3C标准，以及如何验证自己的CSS是符合标准的。 | 最后一课介绍了W3C标准，以及如何验证自己的CSS是符合标准的。 | ||
| − | + | 译者 (Translation): 中国万维网联盟([http://www.w3china.org/ W3CHINA]) (徐涵 (Collin Hsu) & 周金 (Jin Zhou)) | |
| + | |||
| + | {{comment}} | ||
[[Category:CSS]] | [[Category:CSS]] | ||
2010年10月16日 (六) 00:03的版本
CSS教程 - 目录
简要介绍本教程以及你能从中学到的知识。
简述为什么需要CSS，以及采用CSS进行页面布局与设计比采用HTML有什么优势。
学习CSS的基本语法，并创建自己的第一个样式表。
学习如何为网站设置颜色、背景色及背景图像。
这一课，你将学习字体以及如何用CSS来设置字体。
这一课将向你介绍CSS在文本布局方面令人激动的特性。
关于如何为链接添加奇特而有用的效果，以及伪类的用法。
详细了解如何用class和id为所选元素指定CSS属性。
详细了解如何使用span和div这两个对CSS很重要的HTML元素。
CSS中的盒状模型用于描述一个为HTML元素形成的矩形盒子。
通过设置margin和padding属性来修改元素的外观。
了解在设置边框方面CSS提供的无尽选择。
在这一课，我们将看到为元素定义高度和宽度是十分简单的。
我们可以通过CSS属性float令元素向左或向右浮动。
CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。
在这一课，我们将学习如何用层次令不同元素堆叠起来。
最后一课介绍了W3C标准，以及如何验证自己的CSS是符合标准的。
译者 (Translation): 中国万维网联盟(W3CHINA) (徐涵 (Collin Hsu) & 周金 (Jin Zhou))
<discussion>characters_max=300</discussion>
分享您的观点
