1. 程式人生 > >在html中使用css的方法及優先順序

在html中使用css的方法及優先順序

一.行內樣式

<h1 style="color:blue;"></h1>

二.嵌入樣式

<style>

p{color:blue;}

</style>

三.連結樣式

<link rel="stylesheet" type="text/css" href="style.css" />

四.匯入樣式

<style>

@import "style.css";

</style>

五.樣式的優先順序

行內樣式>嵌入樣式>連結樣式>匯入樣式

1.標籤,類名,id之間的優先順序

id>類>元素標籤

2.元素層級的優先順序

比如:

#id p{

color:blue;

}

p{color:red;}

最終顏色為藍色,所以層級越高優先順序越高。

3.同一優先順序的靠後的樣式起作用

比如:

p{color:blue;}

p{color:red;}

最終顏色為紅色