点评：这个教程要说明的是如何为搜索结果或更长记录列表设计分页。因为经常有人问我这个问题，所以我决定发一个帖子来说明如何用少量的 HTML 和 CSS 代码设计出完美的分页样式。这个教程也包含有实现Flickr、Digg式的简洁分页样式的HTML/CSS代码，随时可以应用于你的WEB项目中。Update as March 17, 2008: My friends Simone Saveri solv... [阅读全文]

点评：一般我们做按钮基本上都需要两张图片，一张正常状态的图片，一张按下去效果图片做这种按钮思路就是，设置链接a的背景为第一张图片，a:hover的背景为第二章图片代码如下： HTML代码： 复制代码代码如下:... [阅读全文]

点评：一般我们做按钮基本上都需要两张图片，一张正常状态的图片，一张按下去效果图片做这种按钮思路就是，设置链接a的背景为第一张图片，a:hover的背景为第二章图片代码如下： HTML代码： 复制代码代码如下:... [阅读全文]

点评：在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个： * 构造frame, 以建立对象树（DOM树） * reflow, 以确定对象位置，或者是调用mozilla的Layout（这里是指源码的实现） * 绘制，以便对象能显示在屏幕上 总的来说，reflow就是载入内容树（... [阅读全文]

点评：在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个： * 构造frame, 以建立对象树（DOM树） * reflow, 以确定对象位置，或者是调用mozilla的Layout（这里是指源码的实现） * 绘制，以便对象能显示在屏幕上 总的来说，reflow就是载入内容树（... [阅读全文]

点评：今天让学生实现一个搜索框的效果，死活做不出来.如图： 我就身教一回，代码如下：复制代码代码如下:... [阅读全文]

点评：今天让学生实现一个搜索框的效果，死活做不出来.如图： 我就身教一回，代码如下：复制代码代码如下:... [阅读全文]

点评：网页制作Webjx文章简介：最近在做一个网站项目碰到一个老话题,就是类目之间竖线的做法. 　　最近在做一个网站项目碰到一个老话题,就是类目之间竖线的做法. 　　我以前的做法都是在每个a标签之间用”|”符号来 最近在做一个网站项目碰到一个老话题,就是类目之间竖线的做法. ... [阅读全文]

点评：网页制作Webjx文章简介：最近在做一个网站项目碰到一个老话题,就是类目之间竖线的做法. 　　最近在做一个网站项目碰到一个老话题,就是类目之间竖线的做法. 　　我以前的做法都是在每个a标签之间用”|”符号来 最近在做一个网站项目碰到一个老话题,就是类目之间竖线的做法. ... [阅读全文]

点评：本篇已得到原作者Steve Dennis的翻译准予，在此Jorux表示感谢！ 本教程主要参考Creating a CSS Layout from scratch，由Jorux翻译，以意译为主，其间加入了不少Jorux的个人观点，省略了一些多余的说明，请读者明鉴。 目录： 第一步：规划网站，本教程将以图示为例构本篇已得到原作者Steve Dennis的翻译准予，在此Jorux表示感谢！ 本... [阅读全文]

点评：　　CSS代码简化在工作中是非常有益的，也是必要的。在编写CSS代码时，经常会出现冗余的代码，为了提高代码的质量及文件压缩到最小，使代码具有可读性，不得不把CSS代码简化。下面用一些比较常用的属性来做示例。 margin 　　margin-top:1px; 　　margin-right:1px; 　　marg　　CSS代码简化在工作中是非常有益的，也是必要的。在编写CSS代码时，经常会出现冗... [阅读全文]

Cascading Style Sheets: The Definitive Guide, 2nd Edition is a thorough review of all aspects of CSS2.1 and a comprehensive guide to CSS implementation. The book includes new content _disibledevent=W3... [阅读全文]

当你觉得图片与文字距离太接近时，就可以使用此属性。 图文间隔：Hspace和 Vspace 的设定 1.水平间隔：HSPACE。 例如：IMG hspace=10 src="*.gif" (单位也是用像素（pixel）来计算的。) 2.垂直间隔：VSPACE。 使用方法与 HSPACE 相同，在这里不多作介紹。 例如：IMG vspace=10 src="*.gif" (离文字的水平距... [阅读全文]

　　层叠样式表（CSS）是现代网站设计非常重要的组成部分，如果没有它，那网站就会像10年前那样难看。随着时间的推移，在网络上的CSS教程的质量有了大幅度提高。这里有21个令人称赞的CSS技术应用实例，您可能从来没想过这些也能够通过CSS来实现。　　1、跨浏览器的CSS幻灯片　　这是一个只用CSS技术实现的跨浏览器图库的精彩范例。　　2、基于CSS技术的图片热区　　本实例用让人着迷的方式演示了一个... [阅读全文]