点评 ：今天这篇文章向大家推荐14款非常有用的 CSS 网格系统生成工具，它们能够帮助你构建适合你网站项目的 CSS 网格系统 一个系统化、结构合理的布局使得能够更快更轻松的组织网站的内容。网格系统为网页设计师们提供了一种快速构造网页内容布局的方法，帮助设计师们...
点评 ：visibility属性是隐藏元素但保持元素的浮动位置，而display实际上是设置元素的浮动特征 visibility属性用来确定元素是显示还是隐藏，这用visibility=visible|hidden来表示， visible表示显示， hidden表示（仅）隐藏，不可恢复。 当visibility被设置为hidden的...
点评 ：这篇文字收集了45个让人觉得不可思议的 CSS3 应用示例，它们验证了 CSS3 Transform 和 Transition 等属性的强大能力 这篇文字收集了45个让人觉得不可思议的 CSS3 应用示例，它们验证了 CSS3 Transform 和 Transition 等属性的强大能力。随着越来越多的浏览器对...
点评 ：IE浏览器下的很多bug都是haslayout = false 引起的，所以出现下列问题，就很可能是haslayout跑出来捣鬼了 什么是Haslayout？ 顾名思义，它的意思就是 --- has layout，是IE下的特有属性，通过 IE Developer Toolbar 可以查看 IE 下 HTML元素是否拥有haslayout，...
点评 ：今天有网友请教纯css多级下拉菜单的问题，所以我就写了一个，很实用，供大家参考。不必测试ie6，肯定不行，ie6死期将至，我不做它的兼容调试。 代码中还没有添加注释，不过不难理解。注释稍后添加。 以下是代码： 复制代码 代码如下: !DOCTYPE html PUBLIC "-//...
点评 ：一款使用CSS的Alpha透明度实现的图片链接效果，鼠标放上后图片会变为半透明，然后出现文字介绍，+可以加入其它功能，一般是加入收藏，根据你的需要了，可以自己改 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w...
点评 ：背景半透明，覆盖整个可视区域的遮罩层效果在工作中经常会遇到，这篇文章主要介绍了当内容超过一屏时如何做到多浏览器的兼容性。 下面我们通过一个简单的例子看看如何实现，高手请绕道 html代码很简单 div class=mask opacity/div 1 、半透明效果可以使用 css3...
点评 ：不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset 1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏...
点评 ：有个网站总结了IE6/7/8/9，FF3.6.3，webkit（r7042），opera10.51的默认样式，熟悉一下可以让我们更好的明白一些书写CSS过程中的差异 熟悉这些之后可以明白 一、使用CSS reset的原因。 二、*{margin:0;padding:0;}一刀切的做法为什么不提倡 三、网上广泛流传的C...
点评 ：即随便输入一些英文字母来进行测试或者留言什么的，（大多数情况下，这是个不符合实际情况的举动,但遇到了这个问题，我们就要想办法去解决啊） 一、大家应该遇到过这种情况： 即随便输入一些英文字母来进行测试或者留言什么的，（大多数情况下，这是个不符合实...
点评 ：before 伪元素在元素之前添加内容 :before 伪元素在元素之前添加内容. 此样式会在每个 h2元素之前播放一段声音： 复制代码 代码如下: h2:before { content:url(beep.mp3); } 如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）才支持 content 属...
点评 ：这里我们介绍一下CSS中的Zoom属性，这个属性一般不为人知，甚至有些CSS手册中都查询不到 其实Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、...
点评 ：鼠标经过图片显示边框的CSS代码，需要的朋友可以参考下。 参考鼠标经过一个链接显示下划线： 复制代码 代码如下: a.doubleLeft:hover { text-decoration:underline; } 先设置一张图片的初始属性： 复制代码 代码如下: .pcStyle { border: 2px solid #FFFFFF; ma...
点评 ：今天把网页改成了HTML5的，调试了一下，在FF和Opera中都显示正常了，到了IE6上却变得面目全非了。GOOGLE了一下，发现了html5shiv这个项目，可以把HTML5的新元素转换成IE6认识的内容 作者已经把这段代码放到了Google code project上，只需要在你的head中调用这段...
点评 ：关于IE6、7、8下实现盒阴影的几个注意点，需要的朋友可以参考下。 复制代码 代码如下: -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; 但是，IE6、7、8不认识这段样式，所以我们会考虑用滤镜来实现...
