在CSS3中，可以利用transform功能来实现文字或者图像的旋转、缩放、倾斜、移动这四种变形处理。transform基础知识在CSS3中，通过transform属性来达到功能需求，我们这里来看一个例子：<htmlxmlns="http://www.w3.org/1999/xhtml"><head&

各浏览器中浮动属性使用的属性不同。如IE中使用styleFloat，标准浏览器使用cssFloat。为什么不直接使用float?只因float是ECMAScript的保留字。IE中使用“float”属性在IE9下也可以获取

点击此处进行全屏查看 ©2011 Copyright Ider Zheng 此项目中用到的Javascript偏门知识 prototype扩展已有的Javascript对象： String.prototype.trim = function(){return this.replace(/^\s+|

在学习、体验、应用CSS3的时候，我在网上看到了下边这张图 对于新订立的CSS3标准，各个浏览器的支持度不尽相同，有些都还只是在测试阶段，于是乎就是出现了各种各样“供应商前缀”用以指示该CSS属性可以被谁所支持。有时甚至对于标准CSS3属性和“供应商属性”的实现还会不

      在这个浏览器百花争鸣的时代，作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心，主要体现在javascript和css上面。javascript我这次就不谈了，先说说css。       为了适应不同浏览器不同的版本（版本主要就ie来

这篇文章向大家推荐8款非常有用的 CSS 工具。对于Web开发人员来说，好用的CSS工具就像魔灯，可以让他那些枯燥的工作变得有趣。这些CSS工具中，有的用于帮助你学习 CSS3 属性，有的用于帮助你更高效的编写 CSS 代码，每个工具都非常有用，希望能帮助到你，记得分享和推荐一下哦。 CSS3 Patterns Gal

不久前，Adobe发布了一个展示HTML5和CSS3特性的网站项目：The Expressive Web，该网站以形象生动的例子演示了加入到现代Web中最有创造性和表现力的功能，另外还提供了众多具有视觉冲击力的HTML5和CSS3学习资源。 该网站突出展示了以​​下HTML5和CSS3特性： CSS3 animat

又好久没有写博客了，也不知道应该写点啥，不知道什么东西值得与大家分享。 前些天看这个http://www.qikan.com.cn/Article/dnxx/dnxx200406/dnxx20040622.html网页时，发现他的那个文字渐变效果很有意思。今天没事就抓出来分析一下，并给出简化后的例子及简单的原理分析。

我们知道在网页中引用外部CSS有两种方式，即:@import与link。这两种模式有什么不同呢,有什么区别 linklink就是把外部CSS与网页连接起来。 为什么使用link使用link方式一个最主要的原因就是你可以让用户切换CSS样式.现代浏览器如Firefox,Opera,Safari都支持rel=”

今天师父上了第一堂课，讲了一些关于浏览器处理css的事儿。也算是一种好的习惯吧~   1、页面上用到的一些背景图片，如果是一些比较小的图片，应该把他们合成到一张图片上，然后通过background-position来设置背景图片的位置。      这

lesscss 是动态的样式表语言，他让css增加变量，组合，函数，运算等语法。这个项目的网站在国内访问不到，大家都懂的。 lesscss使用方法有两种： 页面添加一个 less.js的文件，css使用 style.less 文件后缀来编写，不过需要有服务器的环境支持 <link rel="styleshee

无意中路过火狐社区发现他们的跟随滚动条漂浮层比自己之前做的要流畅、 自然，好奇下用Firebug对其构造进行分析： 1、刚开始觉得和自己写的原理一样用以下控制浮动层显示位置　 Top:0; position: absolute; 2、和自己做的对比下发现，火狐社区Top:0始终没有改变过，而我做的Top在随 滚动条变化改变数值。 3、将其CSS和Html代码都贴出，有没JS控制，那就CSS发

以前做网页圆角一般是用圆角图片，但未免过于复杂，现在css3的border-radius属性可以很方便的实现圆角功能，对网站前台人员无疑是一件喜事，但悲剧的是IE6/7/8并不支持，让我们弃新技术不用，是不可能的，因此找到了一种解决的办法--- IE利用VML矢量可标记语言作为画笔绘出圆角： 下载一个压缩包ie-css3.htc，里面有一个微软的脚本文件（11KB）和一个用来测试服务器是否有正确的

1. CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important 可被FireFox和IE7识别 * 可被IE6、IE7识别 _ 可被IE6识别 *+ 可被IE7识别  区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： back

上次在群里有同学提出这样的问题，因为之前一直在用传统的Div，所以当时没能回答出来，之后经过Google了相关资料后，总结并实践了各种实现方法，现在将它写了来和大家分享一下，如果你是一个Div+Css老鸟并且已经熟练掌握，那么请直接跳过本文（您的时间一定很宝贵吧，呵呵！），如果你之前没用过并且也不会，那么请认真、耐心的看完这篇文章，我保证，你肯定能做到。以下几种方法经IE6、Ie7、Firefox

随着每个新版本的 Windows Internet Explorer 的发布，对级联样式表 (CSS) 标准的支持也在稳步提高。 Internet Explorer 6 是第一个完全符合 CSS 级别 1 规范的 Internet Explorer 版本。 Windows Internet Explorer 8 完全符合 CSS 级别 2 修订 1 (CSS 2.1) 规范，并支持某些 CSS 级

最近在做一个通用的配置模块。配置模块中必然要对系统的菜单、功能模块、权限资源等进行配置，为了更好的用户体验，图标是必不可少的！美工做的css样式里icon越来越多，手工来写icon名几乎不可能实现。所以就有了这个功能点：将css样式里的所有icon类列举出来以图形化的形式显示供配置人员选择！   搜索一圈，发现介绍从css里遍历东西的文章非常少。于是花了半天的时间自己来实现了！先看下一个

当你需要在短时间内设计出一个网站的时候，网页模板就非常有用了。在这篇文章中，收集了各式各样的网页模板，您可以免费下载使用，希望这些网页设计模板不仅带给您灵感，也让您回到创作轨迹。 Portfolio CSS Template 1 演示：Portfolio Template 1 demo 下载：Portfolio Template 1 download Portfolio CSS Template

写在前面：大三了，人老了，呆在学校的时间也不长了，暑假要开始走进社会的大熔炉磨练自己了。曾经的读书方式是把知识点记录在纸上，看着用过的本子一天天的厚起来心里就会有一种莫名的兴奋，可现在马上就要离开学校了，又不能带很多东西，古人有云“出门千里不带书”，所以我就把平时积累的一些东西再次整理一下，做一个总结，一来加深印象，二来与人分享，何乐而不为！各位大虾如果感觉这些知识太基础，

我们在使用CSS对网页元素定义样式时经常会遇到这种情况：要对一般元素应用一般样式，然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢？ 在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于具有一般选择器的规则，如果两个规则的特殊性相同，那么后定义的规则优先。 那么，又怎么来计算选择器的特殊性呢？ 下面这张图介绍