為HTML加入CSS

有3個方法可將HTML套入CSS:

  1. 內部樣式表(Internal Style Sheet) ,直接在HTML檔內寫 <style> 標簽區
  2. 行內樣式(Inline Styles) ,直接寫在HTML檔內之元素內
  3. 外部樣式表(External Style Sheet) ,連結匯入外部樣式表檔案

將css寫在一獨立的檔案,例如: yourstyle.css


重複定義CSS時的優先順序:

由內而外越接近html元素優先權越高,內部高於外部樣式表

Inline Style CSS會優先於 > 內部樣式表(Internal Style Sheet)css樣式 > 外部樣式表(External Style Sheet)


範例::HTML結合內部CSS樣式表(Internal Style Sheet)

範例觀測重點 :

動手實驗一下 : 將 red改成bule看看哪列文字顏色有變化,哪列文字顏色沒變化??