div+css之CSS 文本設置 CSS 字體設置 CSS 列表設置 CSS 表格設置 css outline輪廓

一、CSS 文本設置：
CSS 文本屬性
屬性 描述
color 設置文本顏色
direction 設置文本方向。
line-height 設置行高。
letter-spacing 設置字符間距。
text-align 對齊元素中的文本。
text-decoration 向文本添加修飾。
text-indent 縮進元素中文本的首行。
text-shadow 設置文本陰影。CSS2 包含該屬性，可是 CSS2.1 沒有保留該屬性。
text-transform 控制元素中的字母。
unicode-bidi 設置文本方向。
white-space 設置元素中空白的處理方式。
word-spacing 設置字間距。

二、CSS 字體設置：
CSS 字體屬性
屬性 描述
font 簡寫屬性。做用是把全部針對字體的屬性設置在一個聲明中。
font-family 設置字體系列。
font-size 設置字體的尺寸。
font-size-adjust 當首選字體不可用時，對替換字體進行智能縮放。（CSS2.1 已刪除該屬性。）
font-stretch 對字體進行水平拉伸。（CSS2.1 已刪除該屬性。）
font-style 設置字體風格。
font-variant 以小型大寫字體或者正常字體顯示文本。
font-weight 設置字體的粗細。

三、CSS 列表設置：
CSS 列表屬性(list)
屬性 描述
list-style 簡寫屬性。用於把全部用於列表的屬性設置於一個聲明中。
list-style-image 將圖象設置爲列表項標誌。
list-style-position 設置列表中列表項標誌的位置。
list-style-type 設置列表項標誌的類型。
marker-offset

列表項圖像
有時，常規的標誌是不夠的。你可能想對各標誌使用一個圖像，這能夠利用 list-style-image 屬性作到：
ul li {list-style-image : url(xxx.gif)}
只須要簡單地使用一個 url() 值，就能夠使用圖像做爲標誌。

四、CSS 表格設置：

表格邊框： border 屬性。
下面的例子爲 table、th 以及 td 設置了藍色邊框：
table, th, td{border: 1px solid blue;}
摺疊邊框：border-collapse 屬性設置將表格邊框摺疊爲單一邊框：
table{border-collapse:collapse;}
表格寬度和高度：經過 width 和 height 屬性定義表格的寬度和高度。
table{width:100%;}
th{height:50px;}
表格文本對齊：text-align 屬性設置水平對齊方式，好比左對齊、右對齊或者居中：
td{text-align:right;}
vertical-align 屬性設置垂直對齊方式，好比頂部對齊、底部對齊或居中對齊：
td{height:50px;vertical-align:bottom;}
表格內邊距：控制表格中內容與邊框的距離，請爲 td 和 th 元素設置 padding 屬性：
td{padding:15px;}
表格顏色：
下面的例子設置邊框的顏色，以及 th 元素的文本和背景顏色：
table, td, th{border:1px solid green;}
th{background-color:green;color:white;}

五、css outline輪廓線設置：

ooutline：在一個聲明中設置全部的輪廓的屬性。

outline-color：設置輪廓的顏色。

outline-style：設置輪廓的樣式。包括如下選項：
none：默認。定義無輪廓。
dotted：定義點狀的輪廓。
dashed：定義虛線輪廓。
solid：定義實線輪廓。
double：定義雙線輪廓。雙線的寬度等於outline-width的值。
groove：定義3D凹槽輪廓。此效果取決於outline-color的值。
ridge：定義3D凹槽輪廓。此效果取決於outline-color的值。
inset：定義3D凹槽輪廓。此效果取決於outline-color的值。
outset：定義3D凹槽輪廓。此效果取決於outline-color的值。
inherit：規定應該從父元素繼承輪廓樣式的設置。
outline-width：設置輪廓的寬度。

thin：規定細輪廓。
medium：默認。規定中等的輪廓。
thick：規定粗輪廓。
length：數值。規定輪廓粗細的值。
inherit：規定應該從父元素繼承輪廓樣式的設置。