摘要：
从网站统计里看到很多朋友是为了寻找圆角代码而到这里的，为了不让大家失望所以重写了两篇圆角教程，这一篇是纯CSS制作圆角的方法，另一篇是利用图片制作圆角的方法。相信不久的将来再需要做圆角效果，就不会再用这么复杂而且不符合语义的方法了，因为CSS3里已经自带圆角效果，而现在很多浏览器也已经支持CSS3，除了垃圾的MS IE。圆角弧度1：我们先来说说最简单的弧度为1的圆角。上图为圆角div放大20倍的效果，图中的圆角框共有4条线，可以从上到下看作是由3个div构成。3个div我分别用红和黄的框画出来了，这样一个圆角块就是由这3个div做出来的。第一个和第三个（红框）的div高度为1px，左右边距为1 阅读全文
摘要：
这个是一个很流行的清除浮动的方法，在很多大项目上已经被完全采用。这个方法来源于positioniseverything ，通过after伪类:after和IEhack来实现，完全兼容当前主流浏览器。<style type="text/css">.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;} /* for IE/Mac */</style> 阅读全文
摘要：
浮动具有包裹和破坏两个特性,正因为这样，它才可以用来布局，实现丰富多彩的网页。但也因为这样，使得页面经常出现错乱，于是有了清除浮动。 那么，清除浮动都有哪些方式呢？它们各自都有什么优缺点？我们该怎么选择以得到最适合我们的清除浮动样式呢？接下来我将谈谈自己在开发中总结的一点点经验。先写下一段代码，我将用他进行说明。/*css代码*/ <styletype="text/css"> .fl{float:left;}.fr{float:right;} .clear{clear:both;} .dib{display:inline-block;}.dt{display:t 阅读全文
摘要：
做网站时经常会用到，衡量一个DIV+CSS架构师的水平时，这个也很重要。区别不同浏览器的CSS hack写法： 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6： background:orange;*background:green !important;*background:blue; 注：IE都能识别*;标... 阅读全文