这显然是最筒单的一种布局形式。通过这个例子，希望读者能够顺便复习前面圆角框的制作方法。实现的效果如图1所示。本案例文件位于网页学习网CSS教程资源中“第13章\1-1-1.htm”。图1 单列固定宽度的页面布局一、放置第一个圆角框先在页面中放置第一个圆角框，HTML代码如下。lodidance.co...
分类：
其他好文 时间：
2014-06-28 19:09:23
阅读次数：
217
下面在中模式的基础上，制作小视图模式的效果，效果如图1所示。小视图模式的日历实例文件位于网页学习网CSS教程资源中的“第1O章\03\calendar-small.htm”。图1 小视图模式下显示日历为了便于读者理解在中模式的基础上修了哪些CSS设置，这里将完全保持现有的CSS和HTML不变，然后增...
分类：
其他好文 时间：
2014-06-28 18:59:24
阅读次数：
230
作为本章的最后一节，这里主要讲解CSS的层叠属性。CSS的全名叫做“层叠样式表”，读者有没有考虑过，这里的“层叠”是什么意思？为什么这个词如此重要，以至于要出现在它的名称里。CSS的层叠特性确实很重要，但是要注意，千万不要和前面介绍的“继承”相混淆，二者有着本质的区别。实际上，层叠可以简单地理解为“...
分类：
Web程序 时间：
2014-06-20 16:35:04
阅读次数：
202
经过前面的学习．对标准流中的盒子排列方式应该已经很清楚了，下面来做一个习题。假设有一个网页，其显示结果如图1所示，现在要读者精确地回答出从字母a到x对应的宽度是多少个像素。习题文件位于网页学习网CSS教程资源“第3章\04.htm”。图1 计算图中各个字母代表的宽度（高度）是多少像素网页的完整代码如...
分类：
Web程序 时间：
2014-06-20 16:27:01
阅读次数：
255
读者要理解前几节的内容并不困难，因为都只涉及一个盒子内部的关系。而实际网页往往是很复杂的，一个网页可能存在着大量的盒子，并且它们以各种关系相互影响着。要把一个盒子与外部的其他盒子之间的关系理解清楚，并不是简单的事情。在很多CSS资料中大都通过简单的分类，就CSS本身的介绍来说明这个问题，往往只是就事...
分类：
其他好文 时间：
2014-06-20 16:24:15
阅读次数：
228
第7章中，介绍了5个竖直方向菜单的制作方法，相信读者可以体会到CSS的功能非常强大。在本章中，我们将制作6个水平排列的菜单。它们也同样各具特色，而且应用了一些CSS设计中非常重要的技术，例如“滑动门”技术。它不仅仅应用在这里，奉书后面的很多案例中，都会看到“滑动门”技术的应用。这一节要实现一个简单的...
分类：
其他好文 时间：
2014-06-20 16:06:00
阅读次数：
201
网页学习网《CSS教程布局实例》教程假设读者已经对HTML有所掌握，如果读者了解以下HTML标记中大多数标记的含义，就可以开始学习本教程。、、、、、、、、、、、、、、、、、、。如果读者还不清楚上面这些标记的含义，请先跟随网页学习网《HTML教程入门经典》，学习一下最基础的知识，然后再开始学习本教程。...
分类：
Web程序 时间：
2014-06-20 15:57:34
阅读次数：
313
Ant的概念可能有些读者并不连接什么是Ant以及入可使用它，但只要使用通过Linux系统得读者，应该知道make这个命令。当编译Linux内核及一些软件的源程序时，经常要用这个命令。Make命令其实就是一个项目管理工具，而Ant所实现功能与此类似。像make，gnumake和nmake这些编译工具都...
分类：
其他好文 时间：
2014-06-20 15:10:15
阅读次数：
165
在接下来的几节中，我们将围绕“日历”这个案例进行实战演练，以提高读者对CSS的掌握和理解深度。日历是日常生活中随处可见的工具。计算机出现后，产生了很多供人们记录日程安排的备忘录软件。随着互联网的普及，将日历存储在互联网上就更方便了，无论走到哪里，只要能够登录互联网，就可以随时查询和登记各种日程信息。...
分类：
其他好文 时间：
2014-06-20 14:49:30
阅读次数：
198
下面再来实现一个"1-((1-2)+1)-1"的布局。如果读者还不清楚这种布局方式的表示方法，请阅读本章的13 .1节。本案例的最终效果如图1所示。图1 “1-((1-2)+1)-1”布局效果案例文件位于网页学习网CSS教程资源中“第13章\1-((1-2)+1)-1.html”。这个案例的HTML...
分类：
其他好文 时间：
2014-06-20 14:36:25
阅读次数：
303
