- 使字體按照從上到下的方式顯示（古漢字書寫習慣）
writing-mode:vertical-rl
CSS語法
- CSS規則
屬性（property）是您希望設置的樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。
- CSS實例
CSS聲明總是以分號(;)結束，聲明組以大括號({})括起來
p
{
color:red;
text-align:center;
}
- CSS 注釋
/*.....*/可以用來對CSS進行注釋，瀏覽器會自動忽略。
CSSID和CLASS選擇器
如果你要在HTML元素中設置CSS樣式，你需要在元素中設置"id" 和 "class"選擇器。
- ID選擇器
- id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。
HTML元素以id屬性來設置id選擇器,CSS 中 id 選擇器以 "#" 來定義。
以下的樣式規則應用于元素屬性 id="para1":
-
ID屬性不要以數字開頭，數字開頭的ID在 Mozilla/Firefox 瀏覽器中不起作用。
para1
{
text-align:center;
color:red;
}
- Class選擇器
- class 選擇器用于描述一組元素的樣式，class 選擇器有別于id選擇器，class可以在多個元素中使用。
- class 選擇器在HTML中以class屬性表示, 在 CSS 中，類選擇器以一個點"."號顯示：
- 類名的第一個字符不能使用數字！它無法在 Mozilla 或 Firefox 中起作用。
所有擁有 center 類的 HTML 元素均為居中。
.center {text-align:center;}
擁有center類且為HTML p 元素的居中。
p.center {text-align:center;}
CSS創建
-
外部樣式表
適用于樣式需要應用于很多頁面的情況，每個頁面使用 <link> 標簽鏈接到樣式表。 <link> 標簽在（文檔的）頭部：<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
外部樣式表可以在任何文本編輯器中進行編輯。文件不能包含任何的 html 標簽。樣式表應該以 .css 擴展名進行保存。下面是一個樣式表文件的例子：
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}
不要在屬性值與單位之間留有空格。假如你使用 "margin-left: 20 px" 而不是 "margin-left: 20px" ，它僅在 IE 6 中有效，但是在 Mozilla/Firefox 或 Netscape 中卻無法正常工作。
-
內部樣式表
適用于單個文檔需要特殊的樣式的情況，使用 <style> 標簽在文檔頭部定義內部樣式表：<head> <style> hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");} </style> </head>- 內聯樣式
適用于僅需要在一個元素上應用一次時，很少使用。
使用內聯樣式，你需要在相關的標簽內使用樣式style屬性。
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>
- 層疊樣式表層疊順序
所有的樣式會根據下面的規則層疊于一個新的虛擬樣式表中，其中數字 4 擁有最高的優先權。
- 瀏覽器缺省設置
- 外部樣式表
- 內部樣式表（位于 <head> 標簽內部）
- 內聯樣式（在 HTML 元素內部）
CSS背景
- CSS背景屬性
| property | 含義 |
|---|---|
| background | 簡寫屬性，作用是將背景屬性設置在一個聲明中。 |
| background-attachment | 背景圖像是否固定或者隨著頁面的其余部分滾動。 |
| background-color | 設置元素的背景顏色。 |
| background-image | 把圖像設置為背景。 |
| background-position | 設置背景圖像的起始位置。 |
| background-repeat | 設置背景圖像是否及如何重復。 |
- 背景- 簡寫屬性
為了簡化這些屬性的代碼，我們可以將這些屬性合并在同一個屬性中.
body {background:#ffffff url('img_tree.png') no-repeat right top;}
當使用簡寫屬性時，屬性值的順序為：:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
CSS文本格式
- 文本顏色（color）
對于W3C標準的CSS：如果你定義了顏色屬性，你還必須定義背景色屬性。
- 文本對齊方式（text-align）
當text-align設置為"justify"，每一行被展開為寬度相等，左，右外邊距是對齊（如雜志和報紙）。
文本修飾（text-decoration）
overline:上劃線
line-through:中劃線
underline:下劃線文本轉換（text-transform）
uppercase:大寫
lowercase:小寫
capitalize:首字母大寫文本縮進（text-indent ）
單位:px
ps:在瀏覽器中若想顯示引號，則使用
"
