在网页设计中，通常需要把网页分为若干个部分，这正是CSS的强项。使用CSS可以方便地使用各种手段把页面灵活地分为多个部分。但是简单分割出来的都是矩形方枢，设置背景颜色和边框的颜色，产生的都只能是矩形的方框。而在网页中，经常会需要用到圆角的设计。因此，为了使页面中可以灵活地使用圃角框，有很多专家都研究...
分类：
其他好文 时间：
2014-06-28 19:29:09
阅读次数：
236
首先从中模式开始制作，制作好中模式以后，再以它为基础制作另外两个模式的页面，效果如图1所示。中视图模式的日历实例文件位于网页学习网CSS教程资源的“第10章\03\calendar-normal.htm”。图1 中视图模式显示的日历一、搭建HTML结构按照传统的方法建立最简单的表格．包括建立表格的标...
分类：
其他好文 时间：
2014-06-28 19:26:59
阅读次数：
255
CSS的排版是一种很新的排版理念，完全有别于传统的排版习惯。它将页面首先在整体上进行标记的分块．然后对各个块进行CSS定位，最后再在各个块中添加相应的内客。利用CSS排版的页面，更新起来十分容易，甚至连页面的拓扑结构，都可以通过修改CSS属性来重新定位。在本章中，我们将就固定宽度的网页布局进行深入的...
分类：
Web程序 时间：
2014-06-28 19:18:20
阅读次数：
210
在基于Spry的基础上实现了Tab板之后，再来制作一个折叠面板的页面，效果如图1所示。图中一共有3个折叠面板，每个折叠面板都有一个标题。单击一个标题，就可以实现面板的折叠隐藏或展开。图1的左图为折叠起来的效果，右图为展开后的效果。图1 设置当前页的Tab样式本实例的文件位于网页学习网CSS教程资源中...
分类：
其他好文 时间：
2014-06-28 19:17:40
阅读次数：
279
一、对子菜单项(dd)进行设置设置子菜单项的样式分为3步。① 首先对每个子菜单项，也就是dd元素进行常规设置，包括文字颜色、背景色等，代码如下。折叠展开CSS 代码复制内容到剪贴板/*设置菜单项的dd*/#menulidd{ margin:0; padding:0; color:#fff; back...
分类：
其他好文 时间：
2014-06-28 19:14:46
阅读次数：
236
表格是网页上最常见的元素。在传统的网页设计中表格除了显示数据外，还常常被用采作为整个页面布局的手段。在Web标准逐渐深入设计领域以后，表格逐渐不再承担布局的任务，但是表格仍然都在网页设计中发挥着重要的作用。本章继续挖掘 CSS的强大功能，让普普通通的表格也表现出精彩的一面。表格作为传统的HTML元素...
分类：
其他好文 时间：
2014-06-28 19:14:09
阅读次数：
288
在10.3节中，整行变色提求鼠标指针经过的效果已经完成了，接下来继续改进它。实现类似于Excel的行列的二维提示，效果如图1所示，当鼠标指针经过某一个单元格时。相应的列头和行头单元格会同时变色。实例文件位于网页学习网CSS教程资源的“第10章\02\pretty-3.htm”。图1 表格的行列二维变...
分类：
其他好文 时间：
2014-06-28 19:12:18
阅读次数：
316
这显然是最筒单的一种布局形式。通过这个例子，希望读者能够顺便复习前面圆角框的制作方法。实现的效果如图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
下面以“1-2-1”布局为基础制作“1-3-1”布局。这里仍然使用浮动方式来排列横向并排的3栏，效果如图1所示。图1 “1-3-1”布局这种布局同样可以用两种方法制作，案例文件分别位于网页学习网CSS教程资源“第13章\1-3-1-absolute.htm”和“第13章\1-3-1-float.ht...
分类：
其他好文 时间：
2014-06-28 18:57:14
阅读次数：
234
