css代碼插入形式:內聯式、嵌入式、外部式
優先級:內聯式>嵌入式>外部式 //ps:嵌入式大於外部式必須嵌入式css樣式位置在外部式之後
總結:就近原則
內聯式:將代碼直接寫在現有的HTML標籤中
例如:<p style="color:blue;font-size:12px"> The words are red,and its size is 12px.</p>
嵌入式:將代碼卸載<style></style>之間,並且一般情況下嵌入式css樣式卸載<head></head>之間
例如:
<style type="tex/css">
span{
color:red;
}
</style>
外部式:將代碼寫入一個單獨的文件中,該文件以“.css”爲拓展名,在<head>內(不是在<style>內)使用<link>標籤將css樣式文件鏈接到HTML文件內
例如:<link href="base.css" rel="stylesheet" type="text/css">
注意:
1、css樣式文件名稱以有意義的英文字母命名,如 main.css。
2、rel="stylesheet" type="text/css" 是固定寫法不可修改。
3、<link>標籤位置一般寫在<head>標籤之內。