行內方式、內嵌方式、鏈結方式、匯入方式
1 ）行內方式
直接對 html 標籤適用
style=""
，例如：
1.雖然這種方法比較直接，在製作頁面的時候需要為很多的標籤設定 style 屬性，所以會導致
html 頁面不夠純淨，檔案體積過大，不利於搜尋蜘蛛爬行，從而導致後期維護成本高。
2 ）內嵌方式
將 css **寫在
之間，並且用
進行宣告，例如： 1.
""> 2.
3.13.
14.
src="" />
15.16.
即使有公共 css **，但每個頁面都要定義的，如果乙個**有很多頁面，每個檔案都會變大，後期維護也大，如果檔案很少，css **也不多 ，
這種方式還是很不錯的。
3 ）鏈結方式
鏈結方式是使用頻率最高，最實用的方式，只需要在之間加上
1.，就可以了，這種方式將
html
檔案和
css
檔案徹底分成兩個或者多個檔案，實現了頁面框架
html
**與美工
css
**的完全分離，使得前期製作和後期維護都十分方便，並且如果要保持頁面風格統一，只需要把這些公共的
css
檔案單獨儲存成乙個檔案，其他的頁面就可以分別呼叫自身的
css
檔案，如果需要改變**風格，只需要修改公共
css
檔案就ok
了，相當的方便，這才是我們
xhtml+css
製作頁面提倡的方式。
2.html **1.
""> 2.
3.8.
9. src="" />
10.11.
css **
1.#div1
2.#div1 img
4) 匯入方式
匯入樣式和鏈結樣式比較相似，採用 import 方式匯入
css
樣式表，在
html
初始化時，會被匯入到
html
檔案中，成為檔案的一部分，類似第二種內嵌方式。不建議使用
第二：四種樣式的優先順序
四種樣式的優先級別是(從高至低
)
CSS控制HTML頁面效果的方式及優先順序
css控制html頁面效果的方式及優先順序 第一 如何讓css去控制html頁面效果呢？有這麼4 種方式，行內方式 內嵌方式 鏈結方式 匯入方式 1 行內方式 雖然這種方法比較直接，在製作頁面的時候需要為很多的標籤設定style 屬性，所以會導致 html 頁面不夠純淨，檔案體積過大，不利於搜尋蜘蛛...
CSS控制效果
1 段落控制 text indent 首行縮排 使用負值時，首行被縮排到左邊 text align 文字的水平對齊方式 left，right，center text decoration 文字裝飾線 none 預設，標準的文字 underline 文字下的一條線 overline 文字上的一條線 l...
靜態html頁面效果
給a標籤錨點加滑動效果 a click function 500 return false 不要這句會有點卡頓 返回頂部 back container click function else 20 css樣式 animate box animate keyframes wordsloop 100 w...