摘要：
接下来是HTML教程 介绍 - 免费的HTML教程 人们常常以为制作一个网站很难，但其实并 非如此！人人都能学会如何制作网站。而且，假如你继续阅读本教程的话，你将能在一小时内制成一个网站。 有些人觉得制作网站需要昂贵的、高级的工具——当然这是错误的。的确有许多软件声称它们可以为你创建网站，它们有的比较好用，有的就差些。但如果你 要制作符合W3C规范并令你满意的网页的话，你必... 阅读全文
摘要：
第16课：Web标准与验证 W3C即万维网联盟（World Wide Web Consortium）， 是一个制订相关Web标准（如HTML、CSS和XML等）的非盈利组织。微软、Mozilla基金会以及许多其他的公司与组织都是W3C的成员，它们共 同协商确定Web标准的未来发展。 假如你曾有过Web开发经验的话，你也许知道，同一网页在不同浏览器上的显示效果会存在着天壤之别。要设计一个能在Mozi... 阅读全文
摘要：
第15课：用z-index进行层次堆叠 CSS可以处理高度、宽度、深度三个维度。在前面的课程中，我们已经了解了前两个维度。在本课中，我们将学习如何令不同元素具有层次。简言之，就是 关于元素堆叠的次序问题。 为此，你可以为每个元素指定一个数字（z-index）。其原理是：数字较大的元素将叠加在数字较小的元素之上。 比方说，我们正在打扑克，并且拿了一手同花大顺。我们可以通过为各张牌设定一个z-inde... 阅读全文
摘要：
第14课：元素的定位 CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动（参见第13课），你将能够创建多种高 级而精确的布局。 本课我们将讨论以下内容： CSS定位的原理绝对定位相对定位 CSS定位的原理 把浏览器窗口想象成一个坐标系统： CSS定位的原理是：你可以将任何盒子（box）放置在坐标系统的任何位置上。 假设我们要放置一个标题。通过使用盒状模型（参见第9课）... 阅读全文
摘要：
第13课：浮动元素（float） 我们可以通过CSS属性float令元素向左或向右浮动。也就是说，令盒子及其中的内容浮动到文档（或者是上层盒子）的 右边或者左边（参见第9课关 于盒状模型的描述）。下图阐明了其原理： 举个例子，假如我们想让一张图片被一段文字围绕着，那么其显示效果将如下所示： 如何实现这个效果？ 上例的HTML代码如下所示： 要实现图片向左浮动、而且被文字环绕的效果，你只需先设定图片... 阅读全文
摘要：
第12课：高度和宽度 到目前为止，我们还没有在元素尺寸方面给予关注。在这一课，我们将看到为元素定义高度和宽度是十分简单的。 设定宽度 [width]设定高度 [height] 设定宽度[width] 你可以通过width属性来设定一个元素的宽度，即在水平方向上的尺寸。 下面是一个简单的例子，它为我们提供了一个可以容纳文本的盒子： 显示示例 设定高度[height] 注意上一个例子，盒子里内容的... 阅读全文
摘要：
第11课：边框 边框（border）可以有多种用途，比如作为装饰元素或者作为划分两物的分界线。在设置边框方面，CSS为你提供了无尽选择。 border-widthborder-colorborder-style一些示例缩写 [border] 边框宽度[border-width] 边框宽度由CSS属性border-width定义，其值可以是“thin”（薄）、“... 阅读全文
摘要：
第10课：外边距和内边距 上一课，你学习了盒状模型。在这一课，我们将了解如何通过设置margin（外边距）和padding（内 边距）这两个CSS属性来改变元素的显示。 为元素设置外边距为元素设置内边距 为元素设置外边距 一个元素有上（top）、下（bottom）、左（left）、右（right）四个边。外边距（margin）表示从 一个元素的边到相邻元素(或者文档边界)之间的距离。可以参考第9... 阅读全文
摘要：
第9课：盒状模型 CSS中的盒状模型（box model）用于描述一个为HTML元素形成的矩形盒子。盒状模型还涉及为各个元素调整外边距（margin）、边框（border）、内边距 （padding）和内容的具体操作。下图显示了盒状模型的结构： CSS中的盒状模型 上面的图示看上去可能感觉有点理论化，好吧，让我们试着用一个实例来解释盒状模型。在我们的例子中，有一个标题和一些文本。该例的HTM... 阅读全文
摘要：
第8课：组织元素（span和div） span和div元素用于组织和结构化文档，并经常联合class和id属性一起使用。 在这一课中，我们将进一步探究span和div的用法，因为这两个HTML元素对于CSS是很重要的。 用span组织元素用div组织元素 用span组织元素 span元素可以说是一种中性元素，因为它不对文档本身添加任何东西。但是与CSS结合使用的话，span可 以对文档中的部分文... 阅读全文