CSS在HTML中使用的三种方式
1.外部样式表
test.css
此处省略css代码部分
使用:
<link rel="stylesheet" href="./style/test.css">
或是
<style>
@import './style/test.css';
</style>
2.内部样式表的使用
<style>
css样式
div{
color:red;
border:1px solid red;
}
</style>
3.行内样式表中使用
<div style="color:red;border:1px solid red;"></div>
下面说说css样式的优先级
一般情况下 :
(内联样式)Inline style >(内部样式)Internal style sheet >(外部样式)External style sheet
如果引入的方式是相同的话(也就是只在内部引入或外部引入的时候), 可按照如下的方式去判断
- @important 最优先
- 特性值
ID选择器 100
Class选择器、属性选择器、伪类选择器 10
标签选择器、伪元素选择器 1
其他* > 空格 + ~ 0 - 位置规则
就近原则,通俗的说:如果特性值一样,后面的设置覆盖前面的设置。