css控制html頁面效果的方式及優先順序
第一：如何讓css去控制html頁面效果呢？
有這麼4 種方式，行內方式、內嵌方式、鏈結方式、匯入方式
1）行內方式
雖然這種方法比較直接，在製作頁面的時候需要為很多的標籤設定style 屬性，所以會導致
html 頁面不夠純淨，檔案體積過大，不利於搜尋蜘蛛爬行，從而導致後期維護成本高。
2）內嵌方式
內嵌方式就是將css **寫在之間，並且用進行宣告，例如：
內嵌方式，大家應該也能意識到，即使有公共css **，也是每個頁面都要定義的，如果乙個**有很多頁面，每個檔案都會變大，後期維護也大，如果檔案很少，css **也不多，這種方式還是很不錯的。
3）鏈結方式
鏈結方式是使用頻率最高，最實用的方式，只需要在之間加上，就可以了，這種方式將html 檔案和css 檔案徹底分成兩個或者多個檔案，實現了頁面框架html **與美工css **的完全分離，使得前期製作和後期維護都十分方便，並且如果要保持頁面風格統一，只需要把這些公共的css 檔案單獨儲存成乙個檔案，其他的頁面就可以分別呼叫自身的css 檔案，如果需要改變**風格，只需要修改公共css 檔案就ok 了，相當的方便，這才是我們xhtml+css 製作頁面提倡的方式。
4)匯入方式
匯入樣式和鏈結樣式比較相似，採用import 方式匯入css 樣式表，在html 初始化時，會被匯入到html 檔案中，成為檔案的一部分，類似第二種內嵌方式。具體匯入樣式和鏈結樣式有什麼區別，可以參看這篇文章《css:@import 與link 的具體區別》（見附錄一），不過我還是建議大家用鏈結方式！
第二：四種樣式的優先順序
如果這上面的四種方式中的兩種用於同乙個頁面後，就會出現優先順序的問題，這裡我就不再舉例子來說明了，大家在下面自己證明一下下面的結論四種樣式的優先級別是(從高至低)：行內樣式、內嵌樣式、鏈結樣式、匯入樣式。
CSS控制HTML頁面效果的四種方法
行內方式 內嵌方式 鏈結方式 匯入方式 1 行內方式 直接對 html 標籤適用 style 例如 1.雖然這種方法比較直接，在製作頁面的時候需要為很多的標籤設定 style 屬性，所以會導致 html 頁面不夠純淨，檔案體積過大，不利於搜尋蜘蛛爬行，從而導致後期維護成本高。2 內嵌方式 將 css...
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...