Css是用來控制網頁樣式和布局的語言。在網頁中,可以使用內聯和外聯兩種方式來引入Css樣式,它們在層級上也有所不同。
內聯樣式是直接在html標簽中添加樣式,其優先級最高。例如:
<p style="font-size:20px;color:blue;font-weight:bold;">這是一個內聯樣式</p>
內聯樣式會覆蓋外聯和內部樣式,但是會降低可維護性。在開發中推薦使用外聯樣式表。
<link rel="stylesheet" type="text/css" href="style.css">
外聯樣式在一個獨立的.css文件中定義,可以應用到整個網站。例如:
/* style.css */
p{
font-size:18px;
color:green;
}
#header p{
color:red;
}
外聯樣式會覆蓋內部樣式,但是會被內聯樣式所覆蓋。外聯樣式的優先級可以使用CSS選擇器的規則計算。如果有多個選擇器應用到同一個元素上,那么優先級高的樣式將覆蓋優先級低的樣式。
總的來說,內聯樣式優先級最高,外聯樣式優先級次之,內部樣式優先級最低。