Home
»
讲解
» CSS教程
HTML.net
免费的HTML和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是符合标准的。
菜单
HTML教程
CSS教程
介绍
CSS是什么?
CSS的工作原理
颜色与背景
字体
文本
链接
元素的分类与标识(class和id)
组织元素(span与div)
盒状模型
盒状模型——外边距和内边距
盒状模型——边框
盒状模型——高度和宽度
浮动元素(float)
元素的定位
用z-index进行层次堆叠
Web标准与验证
关于HTML.net
译者 (Translation)
徐涵 (Collin Hsu)
周金 (Jin Zhou)
其它语言
العربية
Dansk
Deutsch
English
Español
Français
Italiano
עברית
Polski
Português (Brasil)
Русский
Search
Query
WWW
HTML.net