【HTML+CSS學習之基礎知識】css代碼插入形式

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>標籤之內。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章