一、引用方式
一、内联样式
<div style="width:400px;height:300px;border:4px #ddd solid;margin:15px auto;">内联样式</div>
二、内部样式
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.boxView{width:400px;height:300px;border:4px #ddd solid;margin:15px auto;}
</style>
</head>
<body>
<div class="boxView">内容展示文本...</div>
</body>
</html>
二、外联样式
...
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
...
// style.css 中可以通过@import引用其他css文件
@import "style_001.css";
@import "style_002.css";
@import "style_003.css";
二、优先级
1、带!important的内联样式;
2、不带!important的内联样式;
3、带!important的内部样式或外联样式;
4、不带!important的内部样式或外联样式;
注:同等优先级先引入的样式会被后引入的样式覆盖。