css样式的三个位置

1. 行内样式

<h1 style="color: red; font-size:30px;"></h1>  

2. 内部样式

.container {  
color: red;  
}  

3. 外部样式

<link rel="stylesheet" href="./index.css">  

优先级： 行内样式>外部样式=内部样式 。

注意： 外部样式和内部样式具有相同的优先级。对于相同的优先级，后面的样式会覆盖前面的样式。