css 解决浏览器兼容问题


这里大家要知道CSS不兼容的原因是因为各浏览器给CSS默认属性值不一样造成的。
第一招:给常用CSS规定属性值。
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;}
img{border:0px;}
ul {margin:0px;padding:0px;}
ul li {list-style:none;}
上面的建站常用代码就相是格式化CSS样式,让各浏览器按照我们设置的属性值渲染网页
第二招:IE和FF下对象居中问题
IE下大家应该知道只要设置body{text-align:center;}这样就可以居中显示。
但是这样的方法在FF不行的。这里就需要给修改成body:{text-align:center;margin:0px auto;}Margin的意思就是上下距离为0像素,左右为自动。所以FF就会居中显示。
第三招:垂直居中(仅只用于一行)
比如说一个高30px的div,问题默认是会显示在左上角,如果想垂直居中对其可以加个line- height:30px;样式。如果你想让他居下方则在修改line-height:30px;数值越大越局下,为了防止撑破层,还需要再给一个样式 overflow:hidden;(超出的部分不显示)
第四招:给每一个块对象设置三个样式
width:**px;height:**px;overflow:hidden;即便高、宽是属性值是自动那么也需要去设置这三个样式。目的就是解决浏览器默认值的问题。
第五招:针对IE6、IE7、FF的css样式(这一招在特殊情况下经常用到)
原来建设网站经常使用!important来设置优先权,但有了IE7之后就不行了。下面给大家个可以解决IE6、IE7、FF各个CSS优先权的方法
#1 { color: #333; } /* FF环境 */
* html #1 { color: #666; } /* IE6环境 */
*+html #1 { color: #999; } /* IE7环境 */
上面的书写顺序一定不能改变。
这样子网页在FF下显示#333,IE6下显示#666,IE7下显示#999;



相关阅读:
利用MS AJAX注册Javascript命名空间并创建类
robots.txt详细介绍
MSSQL数据库的定期自动备份计划。
Safari 4浏览器的一些新特性
Linux系统快速定位web路径方法
PHPEclipse 安装
IIS的性能优化
用CSS进行网页布局的好处
JavaScript学习笔记:创建对象和构造类
滑动门 圆角背景宽度和高度自适应
jqPlot 图表中文API使用文档及源码和在线示例
javascript学习:基础继承机制(1)
关于oracle密码文件的一点学习
Apache配置技巧
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 小学五年级作文500字:铁树 送李遂之越 小学六年级作文450字:“对不起,张明” 新年快乐1200字作文 我爸——校园散文 关于时间的高中作文 送给那些身边任何时候手都是冰凉的人,请珍惜 我第一次坐飞机600字 幼儿教育《想要双胞胎,不简单的》 柔情似水,静候花开 最后的冲刺作文400字 爸爸AND父亲 请你一定要比我差一点 水晶羽翼作文1000字 一个讨厌的人600字 植树节手抄报资料内容 锅巴三杰 美丽的壶瓶山 老爸的茶壶 小班社会活动教案:小花被 真诚就不怕虚伪 小学四年级作文350字:你的努力,我懂。 开学典礼教师代表发言稿 植树节起源 小学六年级作文600字:耳朵就诊记 读《鲁滨逊漂游记》有感400字 裂变 小学五年级作文450字:两个快乐的理由 [图文]美丽 2013党支部工作计划 如果有一棵大树 眼睛看不见自己的睫毛 佛教的经典语句 可爱的松鼠300字 从台言引发的一点随想 走过你的坟前 激烈的抱球接力赛作文600字 六年级好大一棵树主题班会 成功演讲的突破口 人去楼空的时候,一种无以表达的绝望 高中高二作文1000字:千古奇才诸葛亮———读三国演义有感 代理签订合同的风险防范 与梦同眠作文400字 撒旦哭墙 老师,我想您作文750字 冬至经典祝福短信 xxx区“效能建设年”活动实施方案 【精品】领班工作总结 把握好拥有的青春、品德和智慧 高中高三作文1200字:家有小妹二三事

Copyright © 2016 phpStudy |