在五彩缤纷的网络世界中，各种各样的图片组成了丰富多彩的页面，能够让人更直观地感受网页所要传达给浏览者的信息。本节将介绍CSS设置图片风格样式的方法，包括图片的边框、对卉方式和图文混排等，并通过实例综合掌握文字和图片的各种运用。一、基本设置作为单独的图片，虽然它本身的很多属性都可以直接在HTML中进行...
分类：
Web程序 时间：
2014-06-20 16:04:45
阅读次数：
314
一、郊野——两列布局两列布局是所有网站中最常见的布局形式，也是禅意花园的作品中最常见到的。这种布局结构清晰，对访问者的引导性非常好。《郊野》是这类作品的代表，由意大利设计师Mario Carboni设汁。在这个作品中，页面划分合理，并且颜色搭配平和而协调，点击下面的网址查看。访问这个作品的网址是ht...
分类：
Web程序 时间：
2014-06-20 16:02:03
阅读次数：
294
网页学习网《CSS教程布局实例》教程假设读者已经对HTML有所掌握，如果读者了解以下HTML标记中大多数标记的含义，就可以开始学习本教程。、、、、、、、、、、、、、、、、、、。如果读者还不清楚上面这些标记的含义，请先跟随网页学习网《HTML教程入门经典》，学习一下最基础的知识，然后再开始学习本教程。...
分类：
Web程序 时间：
2014-06-20 15:57:34
阅读次数：
313
传统的HTML语言提供了项目列表的基本功能，包括顺序式列表的标记和无顺序列表的标记等。当引入css后，项目列表被赋予了很多新的属性．甚至超越了它最初设计时的功能。本节主要围绕项目列表的基本css属性进行相关介绍，包括项目列表的编号、缩进和位置等。一、列表的符号通常的项目列表主要采用或者标记，然后配合...
分类：
其他好文 时间：
2014-06-20 15:49:06
阅读次数：
234
本案例中，制作一个带有斜角的水平菜单。依然和上例一样，它也是可以适应窗口宽度的，效果如图1所示。该实例文件位于网页学习网CSS教程资源中的“第8章\01\cut-naiv.htm”。图1 自适应的斜角水平菜单效果一、基本思路本案例的关键在于，如何制作出菜单项左上角这个斜角。如果有了上一章中制作“带箭...
分类：
其他好文 时间：
2014-06-20 15:33:38
阅读次数：
352
盒子模型是CSS控制页面时一个很重要的概念。只有很好地掌握了盒子模型以及其中每个元素的用法，才能真正地控制好页面中的各个元素。本章主要介绍盒子模型的基本概念，并讲解CSS定位的基本方法。所有页面中的元素都可以看成是一个盒子，占据着一定的页面空间。一般来说这些被占据的空间往往都要比单纯的内容大。换句话...
分类：
其他好文 时间：
2014-06-20 15:29:09
阅读次数：
244
(X)HTML与CSS的关系就是“内容”与“形式”的关系，由(X)HTML确定网页的内容，而通过CSS来决定页面的表现形式。一、CSS标准简介和HTML类似，CSS也是由W3C组织负责制定和发布的。1996年12月，发布了CSS 1.O规范；1998年5月，发布了CSS 2.0规范。目前有两个新版本...
分类：
Web程序 时间：
2014-06-20 15:24:37
阅读次数：
200
在上一章中已介绍了CSS样式表，不仅介绍了样式表的基本语法，还讲解了如何使用常用的样式属性对网页的字体、背景、各种表单元素和超链接等进行美化，最后简单地介绍了3种不同的样式表应用场合。本章开始讲解使用Dreamweaver制作网页，其中重点是使用Dreamweaver实现各类HTML标签和CSS样式...
分类：
其他好文 时间：
2014-06-20 15:19:20
阅读次数：
202
本章的最后一个案例要实现一个“伸缩面板”。伸缩面板具有固定的高度，包含若干页面，其中只有一个页面处于打开状态。当用鼠标单击某一个页面的标题时，该页面就会展开，原来展开的页面同时自动隐藏起来。在展开和隐藏的过程中，会有动画效果演示。本实例的文件位于网页学习网CSS教程资源中“第12章\04\accor...
分类：
其他好文 时间：
2014-06-20 15:13:28
阅读次数：
250
一、谷香——食品主题设计在禅意花园的作品中，还有一些是围绕某一个主题进行设计的。例如这里展示的057号作品就是以食品为主体的设计。它是由美国设计师Shaun Inman设计的。通过精致的食品照片，是不是能勾起访问者的食欲呢？此外，这个设计中述设计了非常漂亮的弹出菜单．但是这个效果在Firefox中可...
分类：
Web程序 时间：
2014-06-20 14:20:07
阅读次数：
445
