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的套用方式有下列方式
- 外部樣式表 (External Style Sheet)
- 內部樣式表 (Internal Style Sheet)
- 行內樣式表 (Inline Style)
<head>
<link rel="stylesheet" type="text/css" href="css file name.css">
</head>
內部樣式表：寫在標籤內，優先順序中等，作用範圍為一個網頁，其他網頁無法引用。格式範例如下：
<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>
