比如用户的前台信息是一个 样式表css1 然后后台操作的界面是另一个 css2 这样在以后的修改都非常的方便
冲突是因为你对一个class 后者 id 设置的多个同样的样式 这样才会冲突
解决兼容 在实践中发现以及baidu
内联样式：
是直接写到元素上，非常不推荐，因为违反了结构，表现分离的原则：
<div style="paddding: 5px">dada</div>内部样式：
是写在html的head中，这样的样式适合单独的页面，比如一些专题页面，css就自己用，然后你也不想引用多个文件：
div{background: red
height: 680px
width: 680px
}
#we{
background: blue
width: 200px
height: 200px
}
外部样式：
应该是做好的一种方式，就是通过link来把样式表引入，修改的话直接在样式表中修改：
<link rel="stylesheet" href="style.css">@import：
最后一种输入的方式，应该是用@import url(/css/a.css)来引入吧，这种方式在样式表中还可以引入其他样式表，不过我从来没用过。
CSS样式优先级是下面这样的：从高到低来排
<div style="color:red!important">1</div>
大于
<div style="color:red">1</div>
大于
<style type="text/css">
div{color:red}
</style>
<div>1</div>
大于
<link rel="stylesheet" href="css.css" type="text/css" />
<div>1</div>
等于
@import url(css.css)
<div>1</div>
<link rel="stylesheet" href="css.css" type="text/css" />
<div>1</div>
和
@import url(css.css)
<div>1</div>
这种方式要看谁在最后面被加载，就是在同一个网页下面，谁在最后，谁就是老大。
（如果有错误的地方，请指正！）
另附上一篇解读CSS优先级的文章供你查阅：
http://www.blueidea.com/tech/web/2009/6801.asp
