字體與文本
- 字體是“文字的不同體式”或者“字的形體結(jié)構(gòu)”米者，例如宋體/黑體/行楷等。
- 文本就是一組字或字符畜晰，比如章標(biāo)題砾莱、段落正文等等，跟使用什么字體無(wú)關(guān)凄鼻。
-
CSS 為字體和文本分別定義了屬性腊瑟。字體屬性主要描述一類(lèi)字體的大小和外觀(guān)。比如块蚌，使用什么字體族（是 Times闰非，還是 Helvitica），多大字號(hào)峭范，粗體還是斜體财松。文本屬性描述對(duì)文本的處理方式。比如纱控，行高或者字符間距多大辆毡，有沒(méi)有下劃線(xiàn)和縮進(jìn)。
字體
網(wǎng)頁(yè)中的字體有三個(gè)來(lái)源：
- 用戶(hù)機(jī)器中安裝的字體
- 保存在第三方網(wǎng)站上的字體甜害。最常見(jiàn)的是 Typekit 和 Google舶掖，可以使用 link 標(biāo)簽把它們鏈接到你的頁(yè)面上
- 保存在你的 Web 服務(wù)器上的字體。這些字體可以使用@font-face 規(guī)則隨網(wǎng)頁(yè)一起發(fā)送給瀏覽器
字體的屬性
- font-family
- font-size
- font-style
- font-weight
- font-variant
- font（簡(jiǎn)寫(xiě)屬性）
字體族
font-family：用于設(shè)定元素中的文本使用什么字體
注意: 如果字體系列的名稱(chēng)超過(guò)一個(gè)字唾那，它必須用引號(hào)访锻，如Font Family："宋體"褪尝。
字體大小
font-size： 用于設(shè)置字體的大小
絕對(duì)字體大小
使用像素（px），派卡（pica）或者英寸期犬。
設(shè)定絕對(duì)字體大小時(shí)河哑，也可以使用關(guān)鍵字值，比如 x-small龟虎、medium璃谨、x-large，等等鲤妥。
相對(duì)字體大小
使用百分比佳吞、em 或 rem（根元素的字體大小）設(shè)定字體大小棉安。如果你給某個(gè)元素設(shè)定了相對(duì)字體大小底扳，則該元素的字體大小要相對(duì)于最近的“被設(shè)定過(guò)字
體大小的”祖先元素來(lái)確定
字體的樣式
值：italic、oblique贡耽、normal衷模。
示例：h2 {font-style:italic;}
字體的粗細(xì)
可能的值：100、200……900蒲赂，或者 lighter阱冶、normal、bold 和 bolder滥嘴。
示例：a {font-weight:bold;}
字體的變化
值：small-caps木蹬、normal。
示例：blockquote {font-variant:small-caps;}若皱。
這個(gè)值會(huì)導(dǎo)致所有小寫(xiě)英文字母變成大寫(xiě)字母镊叁。
簡(jiǎn)寫(xiě)字體屬性
規(guī)則一：必須聲明 font-size 和 font-family 的值。
規(guī)則二：所有值必須按如下順序聲明是尖。
- font-weight意系、font-style、font-variant 不分先后饺汹；
- 然后是 font-size；
- 最后是 font-family痰催。
示例
p {font: bold italic small-caps .9em helvetica, arial, sans-serif;}
示例
文本
文本屬性
text-indent（文本縮進(jìn)）
值：長(zhǎng)度值（正兜辞、負(fù)均可）。
示例：p {text-indent:3em;}夸溶。
letter-spacing（字符間距）
值：任何長(zhǎng)度值（正逸吵、負(fù)值均可）。
示例：p {letter-spacing:.2em;}缝裁。
word-spacing（單詞間距）
值：任何長(zhǎng)度值（正扫皱、負(fù)值均可）。
示例：p {word-spacing:.2em;}。
text-decoration（文本裝飾）
值：underline韩脑、overline氢妈、line-through狭姨、blink违施、none。
示例：.retailprice {text-decoration:line-through;}不皆。
text-align（文本對(duì)齊）
值：left进苍、right加缘、center、justify觉啊。
示例：p {text-align:right;}拣宏。
line-height（行高）
值：任何數(shù)字值（不用指定單位）。
示例：p {line-height:1.5;}
text-transform（文本轉(zhuǎn)換）
值：none杠人、uppercase勋乾、lowercase、capitalize搜吧。
示例：p {text-transform:capitalize;}市俊。
vertical-align（垂直對(duì)齊）
值：任意長(zhǎng)度值以及 sub、super滤奈、top摆昧、middle、bottom 等蜒程。
示例：span {vertical-align:60%;}绅你。
示例
