[分享]css兼容所有浏览器吗

在网页开发中，CSS样式表是一个不可或缺的部分，但是不同的浏览器对CSS的解析是不同的。这意味着你必须考虑到不同浏览器的兼容性问题。下面是几个兼容所有浏览器CSS样式表的技巧：/ 1. 确认默认值 /...

在网页开发中，CSS样式表是一个不可或缺的部分，但是不同的浏览器对CSS的解析是不同的。这意味着你必须考虑到不同浏览器的兼容性问题。下面是几个兼容所有浏览器CSS样式表的技巧：

/* 1. 确认默认值 */

p{
    margin:0;
    padding:0;
}

/*在写CSS代码时，无论你是否要增加任何属性，首先要确认默认值是什么。在确认了默认值后，你可以更好地编写你的CSS代码。*/


/* 2. 重置样式 */

*{
    margin:0;
    padding:0;
}

/* 如果你不想每次都额外考虑默认值，你可以在你的样式表开始处添加一些“重置样式”的代码。通过这种方式，你可以快速地清除浏览器的默认样式，并确保你的设计是一致的。*/

/* 3. 使用浏览器前缀 */

-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

/*不同的浏览器有不同的CSS前缀。使用这些前缀可以让你的CSS在所有浏览器中工作。*/

/*4. 使用条件注释 */

<!--[if lt IE 9]>
<script src=“html5.js”></script>
<![endif]-->

/* 条件注释是一种仅在IE浏览器中运行的代码段，并且允许你为不同版本的IE编写不同的代码。通过使用条件注释，你可以保证你的样式表在所有浏览器中都能正确显示。 */