從CSS樣式代碼插入的形式來看基本可以分為以下3種:內聯式、嵌入式和外部式三種。
1:內聯式css樣式表就是把css代碼直接寫在現有的HTML標簽中,如下面代碼:
<pstyle="color:red";font-size:12px>這里文字是紅色。</p>
2:嵌入式,嵌入式css樣式,就是可以把css樣式代碼寫在 <styletype="text/css">XXX</style>標簽之間。
3:外部式css樣式,寫在單獨的一個文件中.
外部式css樣式(也可稱為外聯式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名,在<head>內(不是在<style>標簽內)使用<link>標簽將css樣式文件鏈接到HTML文件內,如下面代碼:
<linkhref="base.css"rel="stylesheet"type="text/css"/>
優先級:內聯式>嵌入式>外部式,但是嵌入式>外部式有一個前提:嵌入式css樣式的位置一定在外部式的后面。
其實總結來說,就是--就近原則(離被設置元素越近優先級別越高)。