注釋
/* 注釋內容 */
id 和 class 選擇器
id ID屬性不要以數字開頭，數字開頭的ID在 Mozilla/Firefox 瀏覽器中不起作用
<style> #para1 { text-align:center; color:red; } </style> ... <body> <p id="para1">Hello World!</p> </body>
class
<style> .center { text-align:center; } </style> </head> <body> <h1 class="center">標題居中</h1> <p class="center">段落居中。</p> </body>
用於特定的元素
<style> p.xxx { text-align:center; } </style> </head> <body> <h1 class="xxx">這個標題不受影響</h1> <p class="xxx">這個段落居中對齊。</p> </body>
屬性選擇器、包含選擇器、子選擇器、兄弟選擇器等等 【戳上方鏈接進入】
外部樣式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
內部樣式表
<head> <style> hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");} </style> </head>
內聯樣式
<p style="color:sienna;margin-left:20px">這是一個段落。</p>
多重樣式
顏色屬性將被繼承於外部樣式表，而文字排列（text-alignment）和字體尺寸（font-size）會被內部樣式表中的規則取代
多重樣式的優先級
內聯樣式）Inline style > （內部樣式）Internal style sheet >（外部樣式）External style sheet > 瀏覽器默認樣式
