DIV + CSS几个很有用的代码

1.如何让IE浏览器支持HTML5

让IE(包括IE6)支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也不会存在http请求。

<!–[if IE]>

<![endif]–>

上面这段代码仅会在IE浏览器下运行，还有一点需要注意，在页面中调用html5.js文件必须添加在页面的head元素内，因为IE浏览器必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。

2.-webkit-text-size-adjust:none 的作用

在有些网站的css里面，body的属性会加-webkit-text-size-adjust:none这么一句，这句是什么意思呢?

原来这句是支持苹果移动设备上会识别，用于保证文字大小。

3.table {border-collapse:collapse;}

如果没有规定 !DOCTYPE，border-collapse 属性可能会引起意想不到的错误。

4.用*{}代替大堆的罗列代码

如以下为某一网页的CSS样式，目的是保证字体默认输出。

*a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {border: 0;margin: 0;padding: 0;font-size:100%;}

其实有更简单的写法代替，还可以避免遗落。

* { border:0;padding:0; margin:0;font-size:100%;}

5.巧用text-indent隐藏文字与连接

设置方法为将某段文字选中，CSS定义为text-indent:-999999px ;

如糗事百科抬头LOGO区使用图标，LOGO为背景图片，但植入了链接。

代码<a>…</a>定义出于LOGO大小一致的区域，文字大小设置为看不见。