*css單位與文字排版
*標(biāo)簽的顯示模式與display屬性
模式：塊元素、行內(nèi)元素
display屬性的值：none、inline、block、inline-block（行內(nèi)塊元素）
? ? ? ? ? ? ? ? ? ? ? 寬高 ? ? ? ? ? ? ? ? ? 邊距 ? ? ? ? ? ? ? ? 獨(dú)占行
行內(nèi)元素 ? ? ?X ? ? ? ? ? ? ? ? ? ? ? ? 左右邊距 ? ? ? ? ?不獨(dú)占
塊元素 ? ? ? ? ?√ ? ? ? ? ? ? ? ? ? ? ? ? ?上下左右邊距 ? ? ?獨(dú)占
行內(nèi)塊元素 ? √ ? ? ? ? ? ? ? ? ? ? ? ? ?左右邊距 ? ? ? ? ? ?不獨(dú)占
注意：行內(nèi)元素不能設(shè)置寬高，只能通過(guò)內(nèi)容將其撐開，設(shè)置了寬高不會(huì)影響行內(nèi)元素的顯示
*css顏色的顯示格式
1、rgb格式或者是rgba格式
2、十六進(jìn)制格式
3、命名顏色
*css長(zhǎng)度單位
絕對(duì)長(zhǎng)度：cm、mm、in（英寸）、pc（派卡）
相對(duì)長(zhǎng)度單位：px、em（1em等于當(dāng)前字體大小，如果當(dāng)前字體是16px，則1em=16px）
*css字體樣式屬性
font-size
font-family
注意：各種字體間使用英文逗號(hào)隔開；中文字體需要加英文狀態(tài)下的引號(hào)，英文字體一般不需要加引號(hào)；當(dāng)需要設(shè)置英文字體時(shí)，英文字體名一般放在中文字體名之前；如果字體名中含有空格、#、$等符號(hào)，則該字體必須加英文狀態(tài)下的單引號(hào)或雙引號(hào)；盡量使用系統(tǒng)默認(rèn)的字體，保證在任何用戶的瀏覽器中都能正常顯示
重點(diǎn)：在設(shè)置中文字體時(shí)，直接寫中文是可以的，但是在文件編碼（UTF-8等）不匹配時(shí)，會(huì)產(chǎn)生亂碼的錯(cuò)誤。
解決方案：css直接使用Unicode編碼來(lái)寫字體名稱，字體的Unicode編碼可以通過(guò) escape（中文字體名稱）得到
*襯線體（serif）和非襯線體（sans-serif）
放在所有字體名后面，當(dāng)前面的查找不到時(shí)，使用后面的線體
*font-weight：字體加粗
屬性值：normal（400）、bold（700）、bolder、lighter、100~900，有繼承性
*font-style：字體風(fēng)格
用于定義字體風(fēng)格，比如傾斜、斜體或正常字體
屬性值：normal、 italic（瀏覽器會(huì)使用斜體的字體樣式顯示，如果沒有，會(huì)顯示正常的字體）、oblique（瀏覽器會(huì)讓字體傾斜顯示）
*font字體合寫
font：字體樣式 ? ?是否加粗 ? 字體大小 ? ?字體類型
例如 font：oblique 700 20px ? “微軟雅黑”；
注意：字體合寫時(shí)必須保留font-size和font-family，否則字體合寫不起作用
*letter-spacing：字間距
定義字符之間的距離，默認(rèn)為normal
*word-spacing：?jiǎn)卧~間距
定義英文單詞之間的距離，對(duì)中文字符無(wú)效
注意：word-spacing和letter-spacing均可對(duì)英文進(jìn)行設(shè)置，不同的是letter-spacing定義的是英文字母之間的距離，word-spacing定義的是單詞之間的距離，也就是將原有空格加大
*行高：line-height
行高：文本的頂部+文本的底部+一倍行距
行高：css定義：兩行文本的基線距離就是行高
*玩轉(zhuǎn)行高
font：12px/1.5em "宋體"； ?// 字體大小 / 行高
font：12px/150% "宋體"；
font：12px/1.5 "宋體"；
font：12px/20px "宋體"；
注意：繼承特性：
加單位時(shí)，先計(jì)算后繼承（以父親為基準(zhǔn)）
不加單位時(shí)，先繼承后計(jì)算（是孩子根據(jù)自己的文字大小為基準(zhǔn)）
*text- decoration：文本裝飾
屬性值：none、underline（下劃線）、 overline（上劃線）、line-through刪除線）
*text-align：水平對(duì)齊方式
屬性值：left、right、center
*text-indent：首行縮進(jìn)
用于設(shè)置段落首行文本的縮進(jìn)，只能設(shè)置塊級(jí)標(biāo)簽，屬性值可以為不同單位的數(shù)值，em字符寬度的倍數(shù)，或相對(duì)于瀏覽器窗口寬度的百分比，允許負(fù)值，建議使用em單位
當(dāng)text-indent為負(fù)值時(shí)，且超出頁(yè)面顯示位置時(shí)，一般是用于網(wǎng)頁(yè)的h1標(biāo)題logo的SEO優(yōu)化
*white-space：空白符處理
使用HTML制作網(wǎng)頁(yè)時(shí)，不論源代碼中有多少空格，在瀏覽器中只會(huì)顯示一個(gè)空白字符，在css中使用white-space屬性可設(shè)置空白符的處理方式
屬性值：normal（文本中的空格空行無(wú)效，到達(dá)區(qū)域邊界后自動(dòng)換行）、pre（原樣輸出）、nowrap（空格空行無(wú)線，強(qiáng)制文本不能換行，除非遇到換行標(biāo)記，內(nèi)容超出元素邊界也不換行，若超出瀏覽器頁(yè)面會(huì)自動(dòng)添加滾動(dòng)條）
*word-break：自動(dòng)換行
屬性值：normal、break-all（允許在單詞內(nèi)進(jìn)行換行）、keep-all（只能在半角空格符或連字符處換行）
