DIV + CSS几个很有用的代码

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

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

<!–[if IE]>

<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>

<![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大小一致的区域,文字大小设置为看不见。

DIV + CSS几个很有用的代码

6.巧用onMouseOver="this.className='menuover'" onMouseOut="this.className='menuout'"代码实现下拉菜单你方式

DIV + CSS几个很有用的代码

您可以选择一种方式赞助本站

支付宝转账赞助

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

图片 表情