项目中遇到的一些小技巧,记录下来:
- 对非a标签添加伪类状态,例如span:hover{}。在采用偷天换日的手法a:hover span{},解决IE6兼容只许添加一个a:hover{#:FFF;}触发IE6下a标签hover状态的haslayout即可。
- 选项卡去掉虚线框,IE解决方案:<a href=”..” hidefocus=”true”>;FF下解决方案:a:focus {outline:none;-moz-outline:none;}
- 内联元素居中水平采用父元素text-align:center;垂直采用height=line-height;块级元素水平居中自身 margin:0 auto;text-align:left(对子内联元素不入侵)父元素text-align:center;块级元素可以采用text-indent调 解左边距,比padding-left的好处在与不会影响固定宽度值
- 小图片存为gif文件比png-8要小,但是像css sprites这种颜色种类不多的大图片存为png-8要比gif要小,而且今天在蓝色理想看到别人用position做css sprites,还有人提出img sprites的想法,都很不错
- 内联元素用display:inline-block;比较给力,IE6下虽然不支持这个属性,但是会触发内联元素的haslayout,所以表象一样。块级元素就不行了
- 内联元素float:left;之后按理说应该表现为块级,但是文字在IE6和IE7下会填充上一行的空隙。解决方案white-space: pre;
- IE6下当高度小于font-size的时候,会被撑高。解决方案:font-size:1px;
- css在浏览器渲染过程中是从右向左读取的,尽量不用名字空间约束样式名,尽量不对元素直接写样式。
分享到:
相关推荐
Linux Tips Linux 使用小技巧合集 DOC
android TIPS小结android TIPS小结android TIPS小结android TIPS小结
介绍330个Java小技巧,对于提高你的Java编程水平有极大的帮助.
SAP的一些小技巧,很不错,适合新手。希望对大家有用。
abap tips abap tips abap tips abap tips abap tips
介绍 Swift 使用中那些隐藏的小技巧,帮助您迅速熟悉和掌握 Swift 编程语言 Swift 是 Apple 于 WWDC 2014 提出的一门全新的开发语言。这门语言从其他很多语言中继承和学习了不少优点,语法非常优美,并且具有轻便...
Use of Element Tables in ANSYS Ansys APDL Macros Basics of ANSYS Macros Creating Parametric Models using ANSYS
oracle的一些tips技巧
S7-200使用技巧(tips&tricks;)rar,S7-200使用技巧(tips&tricks;)
一些爆路径tips .php
JS实现简单实用的自动动态tips提示信息框(小的气泡框)效果
100个gcc小技巧(epub格式) 100个gcc小技巧(epub格式) 100个gcc小技巧(epub格式) 100个gcc小技巧(epub格式) 100个gcc小技巧(epub格式) 100个gcc小技巧(epub格式)
在本文中,我们为读者提供了一些 LaTeX 小技巧和图片表格排版指南,以帮助他们快速编写高质量的论文。通过本文,读者可以快速掌握 LaTeX 的基本使用方法和技巧,并且可以快速编写高质量的论文。
vim技巧 vim 技巧
css-protips, 帮助你掌握CSS技巧的技巧集合 CSS Protips 帮助你掌握CSS技巧的技巧集合。对于其他优秀列表,请查看 @sindresorhus curated curated列表awesome列表。 table-内容Protips支持插件翻译工具
微信小程序tips消息滚动轮播(从右开始循环轮播)
git-tips 一些git技巧
S7_200中文实例Tips&tricks.zip西门子PLC编程实例程序源码下载S7_200中文实例Tips&tricks.zip西门子PLC编程实例程序源码下载S7_200中文实例Tips&tricks.zip...3.适合小团队开发项目模型参考适合小团队开发项目模型参考
Python Tips 一些初学者到中级用户的Python技巧
对各种情况面试的技巧及指南, 提前计划做好心理准备, Interview tips 英文版