项目中的一些小技艺tips记录

项目中的一些小技巧tips记录

项目中遇到的一些小技巧，记录下来:

1. 对非a标签添加伪类状态，例如span:hover{}。在采用偷天换日的手法a:hover span{}，解决IE6兼容只许添加一个a:hover{#:FFF;}触发IE6下a标签hover状态的haslayout即可。
2. 选项卡去掉虚线框，IE解决方案：<a href=”..” hidefocus=”true”>；FF下解决方案：a:focus {outline:none;-moz-outline:none;}
3. 内联元素居中水平采用父元素text-align:center;垂直采用height=line-height；块级元素水平居中自身 margin：0 auto;text-align:left（对子内联元素不入侵）父元素text-align:center;块级元素可以采用text-indent调 解左边距，比padding-left的好处在与不会影响固定宽度值
4. 小图片存为gif文件比png-8要小，但是像css sprites这种颜色种类不多的大图片存为png-8要比gif要小，而且今天在蓝色理想看到别人用position做css sprites，还有人提出img sprites的想法，都很不错
5. 内联元素用display:inline-block;比较给力，IE6下虽然不支持这个属性，但是会触发内联元素的haslayout，所以表象一样。块级元素就不行了
6. 内联元素float:left;之后按理说应该表现为块级，但是文字在IE6和IE7下会填充上一行的空隙。解决方案white-space:?pre;
7. IE6下当高度小于font-size的时候，会被撑高。解决方案：font-size:1px;
8. css在浏览器渲染过程中是从右向左读取的，尽量不用名字空间约束样式名，尽量不对元素直接写样式。