CSS2浏览器兼容
来源:互联网 发布:中国汽车销售数据 编辑:程序博客网 时间:2024/06/06 15:01
使用非IE编写代码,非IE浏览器符合W3C标准
非IE浏览器:符合W3C标准的:
IE浏览器:不符合W3C标准:
非IE浏览器外观大于IE浏览器
例:
<style>
.box
{
width:250px !important;
width:300px;
height:270px !important;
height:300px;
border:5px solid blue;
padding:10px 20px;
margin:30px;
background:#F0F;
非IE浏览器:符合W3C标准的:
IE浏览器:不符合W3C标准:
非IE浏览器外观大于IE浏览器
例:
<style>
.box
{
width:250px !important;
width:300px;
height:270px !important;
height:300px;
border:5px solid blue;
padding:10px 20px;
margin:30px;
background:#F0F;
}
</style>
重复定义属性,执行后定义的,后定义的属性覆盖前定义商务属性,!important可以解决浏览器兼容的问题,IE浏览器打开时,执行后定义的属性,而非IE浏览器打开时,执行带有!important标记的。
非IE浏览器外观大于IE浏览器的外观,减去相应的宽度达到效果一样,
宽度:300-5*2-20-20=250 减去40像素留白和10像素的边框
高度:300-5*2-10-10=270 减去20像素留白和10像素的边框
阅读全文
0 0
- CSS2浏览器兼容
- css2.0下 最完美兼容所有浏览器的宽度自适应案例
- CSS2.0下1行2列,左侧固定右侧自适应布局,兼容所有浏览器。[学习笔记]
- CSS2.0下1行2列,左侧固定右侧自适应布局,兼容所有浏览器。[学习笔记]
- CSS2
- CSS2
- css2
- CSS2
- CSS2
- css2
- CSS2
- css2
- css2
- CSS2
- css2
- 浏览器兼容
- 浏览器兼容
- 浏览器兼容
- POJ 1595 Prime Cuts 笔记
- CSS2列表属性
- CSS2位置属性
- CSS2伪类及其他属性
- POJ 2185 Milking Grid 二维KMP
- CSS2浏览器兼容
- CSS2 left与padding-left区别
- CSS透明属性
- IMWeb提升营Day6 | 训练题35:数组中的逆序对
- 在Windows上搭建Go开发环境
- POJ 1608 Banal Tickets 笔记
- [LeetCode] Zuma Game
- java线程面试题
- 180.n1-科大讯飞语音识别