CSS字體
- 字體系列（font-family）
- font-family 屬性應該設置幾個字體名稱作為一種"后備"機制，如果瀏覽器不支持第一種字體，他將嘗試下一種字體。
-
如果字體系列的名稱超過一個字，它必須用引號，如Font Family："宋體"。
p{font-family:"Times New Roman",Times,serif;}
對于較常用的字體組合，看看我們的 Web安全字體組合
-
字體樣式（font-style）
- 正常
normal - 斜體
italic - 傾斜的文字
oblique
- 正常
字體大小（font-size）
-
：設置文字像素大小
h1 {font-size:40px;}
上面的例子可以在 Internet Explorer 9, Firefox, Chrome, Opera, 和 Safari 中通過縮放瀏覽器調整文本大小。
雖然可以通過瀏覽器的縮放工具調整文本大小，但是，這種調整是整個頁面，而不僅僅是文本
用em來設置字體大小
1em和當前字體大小相等。在瀏覽器中默認的文字大小是16px。
h2 {font-size:1.875em;}
在上面的例子，em的文字大小是與前面的例子中像素一樣。不過，如果使用 em 單位，則可以在所有瀏覽器中調整文本大小。
不幸的是，仍然是IE瀏覽器的問題。調整文本的大小時，會比正常的尺寸更大或更小。使用百分比和EM組合
body {font-size:100%;}
h1 {font-size:2.5em;}
在所有瀏覽器中，可以顯示相同的文本大小，并允許所有瀏覽器縮放文本的大小。
CSS鏈接
鏈接的樣式，可以用任何CSS屬性（如顏色，字體，背景等）。
- 鏈接狀態
a:link- 正常，未訪問過的鏈接
a:visited- 用戶已訪問過的鏈接
a:hover- 當用戶鼠標放在鏈接上時
a:active- 鏈接被點擊的那一刻
當設置為若干鏈路狀態的樣式，也有一些順序規則：
a:hover必須跟在a:link 和 a:visited后面
a:active必須跟在 a:hover后面
創建連接框
a:link,a:visited
{
display:block;/*讓元素變為塊級元素*/
font-weight:bold;/*字體粗細*/
color:#FFFFFF;
background-color:#98bf21;
width:120px;/*設置背景塊狀寬度*/
text-align:center;/*將字體位于塊狀中部*/
padding:4px;/*填充*/
text-decoration:none;
}
a:hover,a:active
{
background-color:#7A991A;
}
CSS列表
ps：u1表示無序列 o1表示有序列表
- 不同的列表項標記（list-style-type）
ul.a {list-style-type: circle;}/*圈*/
ul.b {list-style-type: square;}/*方塊*/
ol.c {list-style-type: upper-roman;}/*羅馬字母*/
ol.d {list-style-type: lower-alpha;}/*字母排序*/
-
作為列表項標記的圖像（list-style-image）
u1 {list-style-image:url('.....');} -
縮寫（list-style）
ul { list-style: square url("sqpurple.gif"); }順序：1.
type2.position3.image
CSS表格
-
邊框屬性（border，border-collapse）
table {border-collapse:collapse;} table,th,td {border: 1px solid black;} -
高度與寬度（width，height）
table {width:100%;} th {height: 50px;} 對齊方式（水平對齊text-align,垂直對齊vertical-align）
text-align: right left center
vertical-align:top middle bottom` 更多見參考手冊。
- 標題位置（caption-side)
caption {caption-side:bottom;}
表格填充padding 表格背景 字體不再贅述。
CSS邊框
邊框樣式（border-style）
border-style屬性用來定義邊框的樣式。邊框寬度（border-width）
為邊框指定寬度有兩種方法：可以指定長度值，比如 2px 或 0.1em(單位為 px, pt, cm, em 等)，或者使用 3 個關鍵字之一，它們分別是 thick 、medium（默認值） 和 thin。
注意：CSS 沒有定義 3 個關鍵字的具體寬度，所以一個用戶可能把 thick 、medium 和 thin 分別設置為等于 5px、3px 和 2px，而另一個用戶則分別設置為 3px、2px 和 1px。
邊框顏色（border-color，必須由border-style設置樣式后才可使用）
ps：透明為transparent-
邊框-單獨設置各邊
p { border-top-style:dotted; border-right-style:solid; border-bottom-style:dotted; border-left-style:solid; } ------------------------------------------------------------------------------------ border-style:dotted solid;/*上下dotted，左右solid*/ -
邊框-簡寫屬性
border:5px solid red;可以分別控制邊框四個邊的屬性
a,b,c,d:上右下左
a,b,c:上（左右）下
a,b:（上下）（左右）
CSS輪廓（outlines）
輪廓（outline）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
屬性：outline-color;outline-style;outline-width;
(ps：覺得這個東西好丑啊）
