很多人都有研究闭合浮动元素的问题，但是解决方法却不一样，也并不是每一种方法都尽善尽美。闭合浮动元素（或者叫清除浮动）是web标准设计中经常会遇到的一个问题，因此，这里我想总结一下目前经常用到的几种方法，并比较一下他们的易用性和适用环境。如果你有更好的方法不妨提出来大家一起讨论。 最简单的一种情形就是我们

CSS2中的text-shadow属性能够很容易的给web页面中的文本添加阴影，但是到目前为止只有OS X的Safari浏览器支持它，今天，我们将为其他浏览器创建CSS文本阴影效果，包括Firefox，并且能够通过w3验证。 讨论了多年的text-shadow属性可以让你控制页面元素阴影的颜色、偏移量及模糊度，尽管其还未被广泛支持，但是某些设计师已经

有时在插入文档时，要用到表格对角线，常见的作法是用图片的方式来处理，还有就是用vml来画对角线，能不能用html+css方式来实现呢？答案是肯定的，下面我们来摸拟一个表格对角线。 用边框线来摸拟斜线，我们知道，如果将一个DIV的边框线设置得足够宽并定义了不同的颜色时，其相邻的两条边框线交界处就是斜线。知道了这个原理

一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) style #wrapper { width: 100px!important; width: 80px; } /style 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+htm

最近在访问一个网站的时候，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色通常是深蓝色。现在，如果您的网站不使用任何蓝色为文字背景，看上去会不会有点不合适？ 　　当寻找如何实现这一点的解决办法后，我感到惊喜，这竟然非常容易。只需添加以下的CSS到您的网页： 　　::selection{background: #

文字隐藏应用广泛，但常用的方法没有什么亲和力。 常用文字隐藏方法的缺陷： 1、display:none 　　这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略； 　　屏幕阅读器会忽略被隐藏的文字。 2、visibility: hidden 　　这种方法隐藏了文字却仍然占据物理空间。 　　更好的方法： 　　overflow:hidden 　　.class{

在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。 1、将图片转换为块级对象 即设置i

单行一列 以下是引用片段： body { margin: 0px; padding: 0px; text-align: center; } #content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; } 两行一列 以下是引用片段： body { margin: 0px; padding: 0px; text-align: center;} #content-top { margin-left:auto;