三種CSS樣式-內聯、嵌入、外部

從CSS樣式代碼插入HTML文件的形式來看可以分為三種插入形式：內聯樣式、嵌入樣式、外部樣式。

內聯樣式：就是將CSS樣式寫在HTML的開始標簽中

< style="color:#CCC;">這里式設置了#CCC顏色的字</style>

嵌入樣式：將CSS樣式寫在style標簽之間

    < style type="text/css">
        p {
            font-size: 17px;
        }
    </style>

嵌入式CSS樣式必須寫在之間， 並且通常情況下嵌入式樣式寫在之間

外部式CSS樣式：就是把CSS代碼寫在一個單獨的外部文件中，這個CSS文件以.css為后綴擴展名， 在標簽內使用 標簽將CSS樣式文件鏈接到HTML文件內

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

備注：

1. CSS樣式文件名稱以有意義的英文字母命名，如：index.css
2. rel="stylesheet" type="text/css" 是固定寫法不可修改
3. 標簽位置一般寫在標簽內

三種插入樣式的優先級：

三種插入樣式優先級從高到底為：內聯式>嵌入式>外部式
其中嵌入式>外部式的條件為：嵌入式CSS的位置在外部式的后面
可以理解為：就近原則--離被設置元素越近優先級別越高

!important

在某些特殊情況下為某些樣式設置最高權限可以使用!important來處理

    p {color: #DDD!important;}

此外瀏覽器也有一套默認的樣式來顯示網頁，用戶頁可以自己設置樣式，這些樣式的優先級為：
瀏覽器默認的樣式>網頁制作者樣式>用戶自己設置的樣式>設置了!important的樣式。