摘要：
一、CSS3圆角的优点传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，而且还有其他多个优点：* 减少维护的工作量。图片文件的生成、更新、编写网页代码，这些工作都不再需要了。* 提高网页性能。由于不必再发出多余的HTTP请求，网页的载入速度将变快。* 增加视觉可靠性。某些情况下（网络拥堵、服务器出错、网速过慢等等），背景图片会下载失败，导致视觉效果不佳。CSS3就不会发生这种情况。二、border-radius属性CSS3圆角只需设置一个属性：border-radius（含义是”边框半径”）。你为这个属性提供一个值，就能同时设置四个圆角 阅读全文
摘要：
从后往前，依次是，firefox,ie9 ,ie8,ie7,ie6.（注意杠9杠0，不知道为什么显示不出来，因此用的全角的）selector{background-color:#f00;/*all*/background-color:#0ff＼０;/* ie 8/9 */background-color:#0f0＼９＼０;/* ie9 */*background-color:#00f;/*ie7*/_background-color:#ff0;/*ie6*/background-color//:#090;/*非IE*/background-color:#900＼9;/*所有ie*/}当然，还有 阅读全文
摘要：
以下总结了去掉虚线框的几种常用方法：去除虚线框的方法优劣兼容性是否中断tab<a href=”#” onfocus=”this.blur()”>this blur</a>链接聚焦触发时失去焦点，js和html耦合在一起没有兼容性问题是a:focus {outline:none}或a{outline:none}outline由css2.1引入，去除虚线框视觉上的问题正是css的职责ie6/ie7不支持,ie8+/ff /safari/opera[2]支持否<a href=”#” hidefocus=”true” >hidefocus</a>该属性是 阅读全文
摘要：
HTML5能为我们做的事儿很多，最为可口的就是语义化标签的应用，如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x，那这篇文章对你一定有用，因为现在你也可以在IE上用到HTML5。下面是引用Google的html5.js文件，好处就不说了：<!–[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>< ![endif]–>也可以点击这里下载html5.js将上代码复制到head部分，记住一定要是head部分（因为IE必须 阅读全文
摘要：
用如下代码就可以实现任何浏览器下的min-height:selector {min-height:500px;height:auto!important;_height:500px;}注意：仔细想想，height的默认值本来就是auto，为什么还加height:auto!important;呢，所以准确的代码是：selector{min-height:500px;_height:500px;} 阅读全文
摘要：
不太喜欢用margin ， 一般都改用padding ， margin的兼容行没有pading好，但有时候却又不得不使用例如：IE6中用了float:left之后导致margin-left双倍边距。解决办法加 display:inline 阅读全文
摘要：
在进行页面的DIV+CSS切图时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题该问题的解决方法也是「见机行事」，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。1、将图片转换为块级对像即，设置img为：display:block;在本例中添加一组CSS代码：#sub img {display:block;}2、设置图片的垂直对齐方式即设置图片的vertical-align属性为「top，text-top，bottom，text-bottom」也可以解决。如本例中增加一组CSS 阅读全文
摘要：
color:value 设置文本的颜色。例如：color:red red为颜色名称color:#ff0000 16进制表现形式(0-9 a-f)color:rgb(255,0,0) RGB表示法 每个取值范围是0-255color:rgb(100%,0%,0%) RGB表示法，如果用百分比，即使是0也要用0%表示，否则在FF中，不能正常显示推荐使用color:#ff0000（这种方式如果为#aabbcc可以简写为#abc）这种表示方法 line-height行高line-height:value 设置文本的行高line-height:16px 直接用像素值设置行高line-height:1.5 阅读全文
摘要：
不好的方式.test{ _postion: relative; _top: 10px; } 建议<!--[if lte IE 6]> <link rel="stylesheet" type="text/css" href="styles/ie-styles.css" /> <![endif]--> 然后把样式写到ie-styles.css文件中：.test { postion: relative; top: 10px; } 阅读全文
摘要：
火狐推荐的CSS书写顺序/* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup ) *//* Suggested order: * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * t 阅读全文