文本格式化
1. 字體屬性
1. 指定字體系列
屬性： font-family
取值： value1，value2，... ...
注意：
字體取值包含中文或特殊符號，使用""引起來
ex（例子）：
font-family："宋體"，"微軟雅黑"，Arial；
2. 字體大小
屬性： font-size
取值： px或pt或em
ex（例子）：
font-size:24px;
3. 字體加粗
屬性：font-weight
取值：
1. normal ： 正常體
2. bold ： 粗體
3. 400~900
400 ： normal
900 ： bold
4. 字體樣式
屬性：font-style
取值：
1. normal ： 正常體
2. italic ： 斜體
3.
5. 小型大寫字母
作用： 針對英文字符，將小寫字符變成大寫字符，
但是大小與小寫一樣
屬性： font-variant
取值：
1. normal
2. small-caps
6. 字體屬性
屬性： font
取值： style variant weight size family
注意： 使用簡寫屬性時，必須要設置 family
的值，否則無效；
ex（例子）：
font：12px；/*無效*/
font：12px "微軟雅黑"；/*通過*/
2. 文本屬性
1.文本屬性
屬性：color
取值：任意合法顏色
2. 文本排列方式
作用： 指定當前元素中的文本，行內元素，
行內塊元素的水平對齊方式
屬性：text-align
取值： left / center / right
3. 文字修飾
作用：指定文本的線條樣式
屬性：text-decoration
取值：
1. none
沒有線條顯示
2. underline
下劃線
3. overline
上劃線
4. line-through
刪除線<s></s>
4. 行高
作用：
指定元素中一行數據的高度。如果行高的高度高於文字高度本身，
那麼該行文本將在行高的範圍內呈現出垂直居中的顯示效果
場合：
1. 控制一行文本垂直居中對齊
2. 設置行間距
屬性：
line-height
取值：
以px爲單位的數值
5. 首行文本縮進
屬性： text-indent
取值：縮進的距離，以px爲單位的數值
6. 文本陰影
屬性： text-shadow
取值： h-shadow v-shadow blur color;
命令顯示圖：
網頁顯示圖：
表格
1. 表格的常用屬性
1. 邊距屬性： padding
2. 尺寸屬性： width ， height
3. 文本格式化屬性“
font-*
text-align,color,text-indent,... ...
4. 背景屬性
背景色，背景圖，漸變
5. border屬性
6. vertical-align
作用： 在單元格中，設置文本的垂直對齊方式
取值：
top / middle / bottom
2. 表格的特有屬性
1. 邊框合併
屬性： border-collapse
取值：
1. separate
默認值，即分離邊框模式
2. collapse
邊框合併效果
2. 邊框的邊距
作用： 單元格之間的距離
屬性: border-spacing
取值：
1. 指定一個值
表示單元格間水平和垂直見聚師相同的
2. 指定兩個值
第一個值： 單元格間的水平間距
第二個值：單元格間的垂直間距
注意：
僅限於邊框分離狀態時使用，即
border-collapse：separate；
3. 標題位置
屬性： caption-side
取值：
1. top： 默認值，標題顯示在表格之上
2. bottom： 標題顯示在表格之下
4. 顯示規則
作用： 指定表格的佈局方式
默認佈局方式爲自動錶格佈局，即單元格的寬度實際上是由內容來決定的，
與設定的值無關。
屬性： table-layout
取值：
1. auto
默認值，即自動錶格佈局
2. fixed
固定表格佈局，即單元格的寬度以設定的值爲主，而不取決於內容
自動錶格佈局 VS 固定表格佈局
1. 自動錶格佈局
1. 單元格大小會適應內容大小
2. 缺點： 表格複雜時，加載速度慢
3. 適用於不確定梅列大小的情況下使用
4. 雖然算法較慢，但是能體現傳統表格特點
2. 固定表格佈局
1. 單元格大小取決於td中設置的值
2. 優點： 加載速度較快
3. 確定每列大小時，可以使用固定表格佈局
4. 算法較快，缺點是不夠靈活
