Hi, I’m Adam Lu.

开发当中遇到的CSS问题

1.看到了一个新的Clearfix写法如下：
/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: ” “;
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

2.如何居中Block元素
这篇文章http://11heavens.com/how-to-shrinkwrap-and-center-a-block-element-inside-a-block-element 讲了如何居中一个Block元素。
<div class=”outer”>
<div class=”inner”>
<div class=”content”></div>
</div>
</div>
<style>
.outer{position:absolute; right:50%;}
.inner{position:relative; left:50%; overflow:hidden;}
.content{float:left;}
</style>

3.CSS圆角
介绍两种CSS圆角的方法，第一种是用很多1像素高的div容器，利用背景色和边框色来模拟出圆角框的轮廓线。Demo看此
另一种是用特殊字符（&bull），利用定位，截取四分之一圆模拟出圆角框的一个角图片。Demo看此

4.CSS文字排版
text-decoration: blink可以让文字闪动(Firefox和Opera)
font-variant: normal|small-caps|inherit

5.IE8的Document Mode和Browser Mode
三种document mode:IE5/IE7/IE8，通过使用<meta http-equiv = “X-UA-Compatible” content=”IE=IEVERSION”>来强制使用某种document mode，IEVERSION可以是：Edge/EmulateIE8/EmulateIE7/8/7/5
三种browser mode:IE8/IE8 Compatibility/IE7，默认是IE8, IE8 Compatibility当点击兼容性视图按钮时会出现，IE7是在IE WebDeveoper Tool会出现一个选项，通常都是IE8模式
document mode被用来决定哪些特性影响当前的页面，包括哪些CSS特性和JS特性的可用和不可用，browser mode会影响document mode当X-UA-Compatible没有被指定的时候。
更多精彩内容请看Zakas的这篇文章“Internet Explorer 8 document and browser modes”

6.Css border方式实现三角
.arrow{
height:0;
width:0;
overflow:hidden;
/*非IE6支持 transparent ，IE6用dashed边框模拟透明（此时border-width*5>height）
border-left:5px dashed transparent;
border-right:5px dashed transparent;
border-bottom:5px solid #f00;
}
详情请看淘宝UED渔隐的这篇文章http://blog.silentash.com/2009/12/ie6-border-transparent/