用css实现透视效果 今天萌发一个想法，用css来实现透视效果。起初，我想到的是我们常见的添加阴影效果的方法，用多个div通过偏移来实现，但这需要很多 div，不够理想。随后，我想到css的一个属性：border，在border相连接处可以产生对角线效果。这样用两个div就可以实现，我们先看看 最终效果 ，然后再分析实现过程。 首先，

在使用css创建类似title属性提示框，常见的方法是使用绝对定位，用负值使其偏移于屏幕之外，在鼠标经过时定义一个合适的正值使其显示到我们所需要的位置。但是，有一个我们不常用的属性我们常常将其搁置一旁而未加利用－－auto。《Auto Positioning for Absolute Elements 》这篇文章详细介绍了该属性的使用方法，本人曾翻译

众所周知，减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites将多个图片整合到一个图片中，然后再用CSS来定位。今天我们通过一个实例来学习CSS Sprites的使用方法。 下面是一张样图： 　　 图片1 　　本文的目的并不是讲CSS Sprite如何让一个网站更快，而是说

写这篇啰嗦的文章，缘由来自于Jorux Notebook的《什么是Semantics?》文章。 实际上，从《网站重构》一书开始在国内流行之后，Zeldman提出的语义化标记就已经在一定程度上流传开来。在抛弃table布局页面之后大家突然发现，原来这还不够，随意地使用p或者div来进行布局实际上和table布局一样的糟糕。 Jorux的例子（如下）： 我

引言 HTML表单一文中介绍了关于表单的创建和样式化的基础内容。本文提供了关于表单元素和样式的更多详细内容，以及在真实的web应用程序设计中表单是如何运用的。 本文中引入的概念 这一部分提供了关于表单实现和界面布局的新信息。 规则和标记超载 大量使用class和id标记是违反KISS（保持简洁）准则的（在CSS盒模型与基础布

毫无疑问，任何一个试图使用 CSS 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程度的 CSS 执行的完整性。条件 CSS 是这个问题的一个解决方案，采用的是 Internet Explorer 的条件注释语法的思想，并把它内联到 CSS 声明之中。 基本用法 条件 CSS 主要用于指出一个

效果如下： 鼠标放上显示第二个的效果！ 代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312

序言 乍看之下, CSS 布局模式简单明了。盒子，边框和边距都是相当简单的对象， CSS 语法对它们的特性描述并不复杂。 然而, 浏览器渲染引擎遵循着 CSS 2.1 推荐中所规定的一大堆规则，此外还有一些自己的规则。因此，对设计师而言，在将某个高级技巧添加到自己的技术集之前，需要先了解大量细节问题。 在本文中，我们将对那些