階層式樣式表概觀
階層式樣式表 (CSS) 可讓您控制網頁的展示畫面。使用 CSS 可以精確定位及設定網頁中元素的外觀。
CSS 相對於網頁而言，可以是外部、內部或內嵌式的；而網頁可以同時使用一或多個前述類型的 CSS。一般而言，內嵌 CSS 中所定義的樣式優先於內部或外部 CSS 的樣式，而內部 CSS 的樣式又優先於外部 CSS 的樣式。
外部 CSS
當您想要為網站中某些網頁或所有網頁套用一致的相同樣式時，請使用外部樣式表。在一或多份外部樣式表中定義樣式，並將這些樣式表附加至網頁，可確保整個網站的外觀一致。若決定變更某個樣式，僅需要在外部 CSS 中進行變更，此變更即會自動反映到所有參考該樣式及 CSS 的網頁。
外部 CSS 包含在 .css 檔案中，例如 global.css。外部 CSS 的語法與內部 CSS 相同 (請參閱本主題下節範例)，唯一區別是外部 CSS 定義的樣式不包含在 <style> 標籤中。
內部 CSS
當您只想要定義目前網頁的樣式，以及當想要覆寫附加在目前網頁且定義於外部 CSS 中的樣式時，請使用內部 CSS (有時稱為內嵌 CSS)。
內部 CSS 包含在網頁的 <head> 標籤內。
內部樣式表範例
<style type="text/css">
.alert {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
#headlines {
border-color: #000000;
border-width: thin;
border-style: solid;
}
</style>
內嵌 CSS
使用內嵌樣式將階層式樣式表屬性套用到網頁的個別元素，而不必重複使用該樣式。內嵌樣式定義於網頁內 HTML 元素的起始標籤中。
內嵌樣式的範例
<p style="font-weight: bold; font-style: italic; color: #FF0000">