My Memory: 2008年3月6日

2008年3月6日

降低頭腦負擔開始寫部落格，為保持版面風格一致性與少 key 點字，開始整理 CSS 的使用方式與語法。

CSS 的基本語法

選擇器 (selector) {
屬性 (property) 1: 值 (value);
屬性 (property) 2: 值 (value);
}

範例

h1 {
color:green;
background:white;
}

或

選擇器 (selector) { 屬性(property) 1:值(value); 屬性 (property) 2:值(value); }

範例

h1 { color:green; background:white; }

CSS 註解的語法

/* 這是單行註解 */

/* 這也是註解
但是多行註解 */

CSS的套用方式有下列方式

外部樣式表：寫成獨立的 css 檔案，優先順序最低，但作用最廣，網站的網頁都可以引用。此方法先建好 CSS 樣式檔在引用，引用的格式範例如下：

內部樣式表：寫在標籤內，優先順序中等，作用範圍為一個網頁，其他網頁無法引用。格式範例如下：

<head>
<style type="text/css">
  h1 {
        color:blue;
        background:white;
  }
</style>
</head>

行內樣式表：寫在 html 的標籤裏面，優先順序最高，作用範圍最小，只適用於該標籤上。格式範例如下：

<html>
<head>
<title>Inline Style Sheet</title>
</head>
<body>
<h1 style="color:blue;background:white;">H1 Label</h1>
</body>
</html>