在HTML文件中引入CSS样式有三种方法：
我知道一般情况下使用外部样式，减少代码冗余，同时便于后期维护。但如果同时用三种方式引入相同的CSS样式，谁的优先级更高呢？
就做了个小测试：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"/> <title>css样式优先级</title> <link href="index.css" rel="stylesheet" type="text/css"/> <style type="text/css"> .box{ background:red; border:1px solid black; width:100px; height:100px; } </style> </head> <body> <div style="background:yellow;width:100px;height:100px;" class="box"> </div> </body> </html>
外部CSS样式代码：
.box{
width:100px;
height:100px;
background:blue;
}
最后显示的效果是：
把行内CSS的背景样式去掉后，显示：
可见，CSS三种位置写法的优先级是：行内样式＞内页样式＞外部样式
原文：http://www.cnblogs.com/qjqcs/p/5024016.html