第十课：Margin与padding
前一课介绍了box模式。本课将教给你怎样通过设置margin和padding改变元素输出结果。
设定元素的margin
元素有四个边，即右，左，上和下。边缘（margin）是指每一侧与邻近元素之间的距离。可以查看第九课的图例。在第一个例子中，我们将学习怎样为元素自身的文件定义边缘 ……
第九课：box模式
CSS的box模式专门描述曾经用HTML元素创建的箱型。box模式还包括与边缘（margin），边界（border）,内衬（padding）和每个元素内容有关的详细选择。下面图解展示了box模式的构成情况 ……
第八课：元素组（span和div）
元素<span>和<div>用于文件中的组和结构，并经常与class和id一起使用。本课将进一步探讨
<span>与<div>的用法，因为这两个HTML元素实际上也是CSS的重要部分。
- 带
<span>的组 - 带
<div>的组
带<span>的组
<span>元素被称为中性组，它本身不给文件添加任何东西。但在CSS中，可以给文件的文字特殊部分添加视觉特性。这里以富兰克林的名言作为实例 ……
第七课：元素组的识别与分组（class和id）
有时候，你想给特定元素或一组元素施用特定风格。本课将进一步探讨怎样用class和id给选定的元素定义特性。
怎样让网站上的一个特殊标题不同于其它标题？怎样把链接组分成不同类别，并给每个类别一个特殊风格？下面是一些答案实例
用class分组元素
假设我们有两列不同葡萄（用于生产白和红葡萄酒）的链接，HTML代码如下 ……
第六课：链接
我们可以把前面所学知识用于链接，即改变颜色，字体和下划线等参数。CSS能让你根据链接被访问过，未访问，激活或鼠标是否放在鼠标上等状态定义不同特性。这能给你的网站增加有趣和实用效果。控制这些效果使用的是CSS代码“pseudo-classes”。
什么是pseudo-classes？
pseudo-classes能让你在定义HTML标签的特性时考虑不同条件或事件。查看下面这个实例。我们都知道，HTML是用<a>定义链接的，因此我们可以使用CSS的选择器 ……
第五课：文本
安排和添加文本样式是网页设计很重要的一个部分。这一课将学习如何利用CSS添加文本布局。下面是几个将要描述的特性：
- text-indent
- text-align
- text-decoration
- letter-spacing
- text-transform
文本缩进[text-indent]
特性text-indent能让段落的第一行缩进，给文本段落增加一个漂亮的开始。下面这个30px的实例适用于所有标记为<p>的文本段落 ……
第四课：字体
这一课我们将学习CSS的字体具体实现方法。此外你还会发现，只有连接互联网的电脑安装了相关字体，才能显示网站选定的字体。下面是几个将要描述的CSS特性：
- font-family
- font-style
- font-variant
- font-weight
- font-size
- font
字体[font-family]
特性“font-family”用于设置字体的优先顺序，并显示在给定的元素或网页中。如果首先列出的字体没有在访问网站的电脑上安装，就会依次尝试下面的字体，直到找到适合的字体为止 ……
第三课：颜色与背景
这一课将教你如何将颜色和背景色适用于网站。我们还会看到定位和控制背景图像的更先进方法。下面的CSS特性将解释：
- color
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- background
前景颜色: [color]
前景特性描述了一个元素的前景颜色。例如，假设我们想要文件中的所有标题都是深红色。标题都可以用HTML元素<h1>标示 ……
第二课：CSS的工作原理是什么？
第二课：CSS的工作原理是什么？
这一课将学习怎样制作样式表。你将了解基本的CSS模式，以及将CSS用于HTML文档必需的代码。CSS的许多特性与HTML的相似。因此，如果你以前用HTML设计过布局，会发现这些代码的大多数都认识。下面让我们观察一个实例 ……
第一课：什么是CSS？
很多人都听说过CSS，但对其不是很了解。本课我们首先学习什么是CSS，以及它能为你做什么。
CSS有什么用？
CSS是英文“Cascading Style Sheets”的缩写，是一种定义HTML文档输出布局的样式语言。例如，CSS涉及字体，颜色，边缘，线条，高度，宽度，背景图像，位置和其它东西。虽然可以用HTML添加网站布局，但CSS提供更多选择，并且更精确和复杂。此外，CSS还支持现在的所有浏览器 ……