月份: 2012-09

Reset CSS

下面是现在工作中常用到的一些标签,有些没用到的就没有重置了。

/* css reset*/
body,ul,ol,li,dl,dt,dd,form,input,textarea,p,table,tr,td{margin:0;padding:0;}
body{font:12px/1.5 ‘Microsoft YaHei’,Arial;}
ol,ul{list-style:none;}
input,textarea,select{font:12px/1.5 ‘Microsoft YaHei’,Arial;resize:none;}
a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
img{border:none;vertical-align:middle;}
.clear:before,.clear:after{content:””;display:table;}
.clear:after{clear:both;}
.clear{zoom:1;}

/* public css */
.ma{margin:auto;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.pr{position:relative;}
.pa{position:absolute;}

.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.fc3{color:#333;}
.red{clor:#f00;}
.blue{color:#060;}
.fbd{font-weight:bold;}

.m5{margin:5px;}
.m10{margin:10px;}
.m20{margin:20px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}

自动提醒IE6访客升级浏览器

如果你是一名光荣的前端开发人员,希望你能尽可能的做更多的事情来让IE6更快的死去:

1、以身作则,自己放弃IE6。

从前端观察和其它技术网站的访问统计上看,IE6的用户比例竟然还有30%以上,这让我很震惊。作为一名前端开发者,用IE6做自己的主浏览器,那么你做的网站应该也不会在IE7/8以及其它更先进的浏览器中做测试的吧?

2、说服你的BOSS或客户,放弃兼容IE6。

有必要为了让网站在IE6中和其它浏览器中表现一直而花掉2倍甚至是3倍的时间和精力吗?我认为对不同的浏览器,可以采取适当的区分——让网站在现代浏览器如Firefox 3.5+、Chrome/Safari和Opera中实现最佳的表现,而在IE中实现相对比较差的界面——当然在不影响布局和功能的情况下。

3、号召你的朋友弃用IE6。

号召你身边的朋友使用IE7/8或者Firefox、Chrome等浏览器。另外,很多人都有个人博客,可以在自己的博客上号召IE6用户升级他们的浏览器。

三行代码即可搞定:

<!–[if ie 6]>
<script src=”http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js”></script>
<![endif]–>

还在等什么,赶紧为你的网站添加此功能吧!!