CSS字體
- 字體系列（font-family）
- font-family 屬性應(yīng)該設(shè)置幾個(gè)字體名稱作為一種"后備"機(jī)制觉鼻，如果瀏覽器不支持第一種字體崎逃，他將嘗試下一種字體殿较。
-
如果字體系列的名稱超過一個(gè)字，它必須用引號(hào)，如Font Family："宋體"吼虎。
p{font-family:"Times New Roman",Times,serif;}
對(duì)于較常用的字體組合，看看我們的 Web安全字體組合
-
字體樣式（font-style）
- 正常
normal - 斜體
italic - 傾斜的文字
oblique
- 正常
字體大胁韵省（font-size）
-
：設(shè)置文字像素大小
h1 {font-size:40px;}
上面的例子可以在 Internet Explorer 9, Firefox, Chrome, Opera, 和 Safari 中通過縮放瀏覽器調(diào)整文本大小思灰。
雖然可以通過瀏覽器的縮放工具調(diào)整文本大小，但是混滔，這種調(diào)整是整個(gè)頁面洒疚，而不僅僅是文本
用em來設(shè)置字體大小
1em和當(dāng)前字體大小相等。在瀏覽器中默認(rèn)的文字大小是16px坯屿。
h2 {font-size:1.875em;}
在上面的例子油湖，em的文字大小是與前面的例子中像素一樣。不過领跛，如果使用 em 單位乏德，則可以在所有瀏覽器中調(diào)整文本大小。
不幸的是吠昭，仍然是IE瀏覽器的問題喊括。調(diào)整文本的大小時(shí)，會(huì)比正常的尺寸更大或更小矢棚。使用百分比和EM組合
body {font-size:100%;}
h1 {font-size:2.5em;}
在所有瀏覽器中郑什，可以顯示相同的文本大小，并允許所有瀏覽器縮放文本的大小蒲肋。
CSS鏈接
鏈接的樣式蘑拯，可以用任何CSS屬性（如顏色，字體兜粘，背景等）申窘。
- 鏈接狀態(tài)
a:link- 正常，未訪問過的鏈接
a:visited- 用戶已訪問過的鏈接
a:hover- 當(dāng)用戶鼠標(biāo)放在鏈接上時(shí)
a:active- 鏈接被點(diǎn)擊的那一刻
當(dāng)設(shè)置為若干鏈路狀態(tài)的樣式妹沙，也有一些順序規(guī)則：
a:hover必須跟在a:link 和 a:visited后面
a:active必須跟在 a:hover后面
創(chuàng)建連接框
a:link,a:visited
{
display:block;/*讓元素變?yōu)閴K級(jí)元素*/
font-weight:bold;/*字體粗細(xì)*/
color:#FFFFFF;
background-color:#98bf21;
width:120px;/*設(shè)置背景塊狀寬度*/
text-align:center;/*將字體位于塊狀中部*/
padding:4px;/*填充*/
text-decoration:none;
}
a:hover,a:active
{
background-color:#7A991A;
}
CSS列表
ps：u1表示無序列 o1表示有序列表
- 不同的列表項(xiàng)標(biāo)記（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;}/*字母排序*/
-
作為列表項(xiàng)標(biāo)記的圖像（list-style-image）
u1 {list-style-image:url('.....');} -
縮寫（list-style）
ul { list-style: square url("sqpurple.gif"); }順序：1.
type2.position3.image
CSS表格
-
邊框?qū)傩裕╞order偶洋，border-collapse）
table {border-collapse:collapse;} table,th,td {border: 1px solid black;} -
高度與寬度（width，height）
table {width:100%;} th {height: 50px;} 對(duì)齊方式（水平對(duì)齊text-align,垂直對(duì)齊vertical-align）
text-align: right left center
vertical-align:top middle bottom` 更多見參考手冊(cè)距糖。
- 標(biāo)題位置（caption-side)
caption {caption-side:bottom;}
表格填充padding 表格背景 字體不再贅述玄窝。
CSS邊框
邊框樣式（border-style）
border-style屬性用來定義邊框的樣式牵寺。邊框?qū)挾龋╞order-width）
為邊框指定寬度有兩種方法：可以指定長度值，比如 2px 或 0.1em(單位為 px, pt, cm, em 等)恩脂，或者使用 3 個(gè)關(guān)鍵字之一帽氓，它們分別是 thick 、medium（默認(rèn)值） 和 thin俩块。
注意：CSS 沒有定義 3 個(gè)關(guān)鍵字的具體寬度黎休，所以一個(gè)用戶可能把 thick 、medium 和 thin 分別設(shè)置為等于 5px玉凯、3px 和 2px势腮，而另一個(gè)用戶則分別設(shè)置為 3px、2px 和 1px漫仆。
邊框顏色（border-color捎拯，必須由border-style設(shè)置樣式后才可使用）
ps：透明為transparent-
邊框-單獨(dú)設(shè)置各邊
p { border-top-style:dotted; border-right-style:solid; border-bottom-style:dotted; border-left-style:solid; } ------------------------------------------------------------------------------------ border-style:dotted solid;/*上下dotted，左右solid*/ -
邊框-簡(jiǎn)寫屬性
border:5px solid red;可以分別控制邊框四個(gè)邊的屬性
a,b,c,d:上右下左
a,b,c:上（左右）下
a,b:（上下）（左右）
CSS輪廓（outlines）
輪廓（outline）是繪制于元素周圍的一條線盲厌，位于邊框邊緣的外圍署照，可起到突出元素的作用。
屬性：outline-color;outline-style;outline-width;
(ps：覺得這個(gè)東西好丑奥鸷啤）
