font-family：這是文本字體。
- 使用“,”分隔的字體族名稱屎媳，如
font-family: Arial, Helvetica, sans-serif - 初始值由瀏覽器設(shè)置決定剿牺，可以繼承
字體匹配算法：
- 瀏覽器先獲取一個(gè)系統(tǒng)字體列表
- 對(duì)元素的每一個(gè)字符环壤，使用
font-family屬性及其他屬性進(jìn)行匹配钞诡，如果能匹配就暫定該字體 - 如果步驟2沒有匹配上荧降，選擇下一個(gè)可選的
font-family執(zhí)行步驟2 - 如果匹配到一個(gè)字體，但是字體中沒有該字符辛友，繼續(xù)對(duì)下一個(gè)可選的
font-family執(zhí)行步驟2 - 如果沒有匹配到字體，使用瀏覽器默認(rèn)字體
font-family使用：
- 英文字體放在中文字體前面
- 最后總是添加通用字體族
font-size: 文本大小邓梅，可以使用px邑滨，百分比等作為單位掖看。
font-style
- 定義文字也斜體還是正常方式顯示
- 取值：
normal（正常）|italic（傾斜）|oblique（偽斜體） - 初始值為
normal，可以繼承
font-weight
- 定義文字的粗細(xì)程度
- 取值：
normal|bold|bolder|lighter|100|200| ... |900 - 初始值為
normal毅待，可以繼承 - 一般使用
normal和bold
line-height
- 元素所屬的line box的高度归榕，即文本所在行的高度
- 始值為
normal（具體指由瀏覽器決定）蹲坷，可以繼承 - 取值：<長度> | <數(shù)字> | <百分比>
- 段落文字一般取值 1.4 ~ 1.8
Web Fonts
使用網(wǎng)絡(luò)上或者本地自定義的字體。使用方法如下：
@font-face {
font-family: 'fontname';
src: url('../fonts/webfont.eot');
src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/webfont.woff') format('woff'),
url('../fonts/webfont.ttf') format('truetype'),
url('../fonts/webfont.svg#NeuesBauenDemo') format('svg');
font-weight: normal;
font-style: normal;
}
div {
font-family: 'fontname'
}
text-align
- 定義文本在容器內(nèi)的對(duì)齊方式
- 取值：
left级乐，right风科，center乞旦，justify
letter-spacing
- 指定字符之間的間距
- 取值：
normal，<length>
word-spacing
- 指定單詞之間的間距
- 取值：
normal故痊，<length>
text-indent
- 指定文本縮進(jìn)
- 取值：
normal愕秫，<length>,<percentage> - 默認(rèn)不縮進(jìn)
text-decoration
- 定義了文本的裝飾效果焰络，如下劃線，刪除線等
- 初始值為
none甜孤，可以繼承 - 取值：
underline（下劃線），line-through（中劃線）囱稽，overline（上劃線）
white-space
- 指定空白符如何處理
- 取值：
normal战惊，nowrap扎即，pre
