1.文字排版
字號大小:font-size:
可選參數值:xx-small | x-small | small | medium | large | x-large | xx-large|smaller | larger
設置字體:font-family:
使用font-family設置字體時,需要注意以下幾點:
?各種字體之間必須使用英文狀態下的逗號隔開。
?中文字體需要加英文狀態下的引號,英文字體一般不需要加引號。當需要設置英文字體時,英文字體名必須位于中文字體名之前。
?如果字體名中包含空格、#、$等符號,則該字體必須加英文狀態下的單引號或雙引號,例如font-family: "Times New Roman";。
?盡量使用系統默認字體,保證在任何用戶的瀏覽器中都能正確顯示。
?2.字體系列
襯線體:字體有一些修飾的東西,讓字體變的美觀。
非襯線體:沒有修飾。
3.字體顏色
通過color屬性可以設置字體的顏色。
Color: red;
建議最好使用十六進制的方式來寫。
4.字符間距
letter-spacing: 10px;
5.單詞間距
word-spacing
6.行高
行高是兩行文本基線的距離。實際上就是:文本的高度+一倍的行距。
一行文本的高度正好是:0.5倍行距+文本的高度+ 0.5倍行距
四線:
?文字頂端的線,稱為頂線。
?中線:穿過x中心的線為中線。
?小寫X字母底部的線為基線。
?文字底部的線為底線。
7.文本裝飾
text-decoration屬性用于設置文本的下劃線,上劃線,刪除線等裝飾效果,其可用屬性值如下:
刪除線
none:沒有裝飾(正常文本默認值)。
underline:下劃線。
overline:上劃線。
line-through:刪除線。
8.水平對其方式
text-align:left | right | none;
9.首行縮進
text-index: ?px | em;
應用范圍;logo優化
10空白符處理
white-space: normal | nowrap | pre;