簡(jiǎn)單復(fù)習(xí)一下：
Display改變標(biāo)簽顯示模式：
display可以控制標(biāo)簽的顯示模式。
客串一個(gè)：visibility屬性：
行內(nèi)塊元素設(shè)置：
行內(nèi)元素不能設(shè)置寬高，只能通過他的內(nèi)容來?yè)伍_他的寬度和高度。如果你設(shè)置了寬高是不會(huì)影響行內(nèi)元素的顯示的。
CSS的顏色表示：
RGB顏色表示法：
RGB：red，green，blue三元素疊加組成不同顏色。
語法：color: rgb(33,33,33);? ? ? （取值：0-255，也可以用百分比：0% - 100%）
十六進(jìn)制是另外一種寫法：
語法： ?Color:#3333333;
十六進(jìn)制也是rgb的表示方法另外一種寫法而已。
CSS的長(zhǎng)度單位：
絕對(duì)長(zhǎng)度單位：
cm：厘米，mm：毫米，in：英寸，pc：派卡（Picas），相當(dāng)于我國(guó)新四號(hào)鉛字的尺寸。都不常用，了解即可。
相對(duì)長(zhǎng)度單位：
px：像素點(diǎn)，像素就是顯示器顯示的一個(gè)點(diǎn)。
em：1em等于當(dāng)前的字體大小，例如：當(dāng)前元素的字體大小為16px，那么1em = 16px。
單位之間的關(guān)系：1in = 2.54cm = 25.4 mm= =96px
p { width: 1in;?height:20px;}
在PC時(shí)代主要以px為主。在移動(dòng)web時(shí)代主要以：em、rem、pw、ph、百分比等來做布局的設(shè)置。
相對(duì)單位解釋：像素是相對(duì)單位。不同平面尺寸可以是相同的分辨率，也就相同的像素大小，對(duì)應(yīng)的實(shí)際的尺寸可能不同。
CSS字體樣式屬性：
font-size:字號(hào)大小
font-size屬性用于設(shè)置字號(hào)，該屬性的值可以使用相對(duì)長(zhǎng)度單位，也可以使用絕對(duì)長(zhǎng)度單位。
其中，相對(duì)長(zhǎng)度單位比較常用，推薦使用像素單位px，絕對(duì)長(zhǎng)度單位使用較少。
可選參數(shù)值：xx-small | x-small | small | medium | large | x-large |?xx-large|smaller | larger ? （一般不使用）
一般頁(yè)面中用這些：12px ? 14px ? 12cm
1em
例如：?p { font-size:32px; }
font-family:字體
使用font-family設(shè)置字體時(shí)，需要注意以下幾點(diǎn)：
各種字體之間必須使用英文狀態(tài)下的逗號(hào)隔開。
中文字體需要加英文狀態(tài)下的引號(hào)，英文字體一般不需要加引號(hào)。當(dāng)需要設(shè)置英文字體時(shí)，英文字體名必須位于中文字體名之前。
如果字體名中包含空格、#、$等符號(hào)，則該字體必須加英文狀態(tài)下的單引號(hào)或雙引號(hào)，例如font-family: "Times New Roman";。
盡量使用系統(tǒng)默認(rèn)字體，保證在任何用戶的瀏覽器中都能正確顯示。
使用font-family設(shè)置字體時(shí)，還需要注意以下幾點(diǎn)：
在 CSS 中設(shè)置字體名稱，直接寫中文是可以的。但是在文件編碼（GB2312、UTF-8 等）不匹配時(shí)會(huì)產(chǎn)生亂碼的錯(cuò)誤。
為此，在 CSS 直接使用 Unicode 編碼來寫字體名稱可以避免這些錯(cuò)誤。使用 Unicode寫中文字體名稱，瀏覽器是可以正確的解析的。
（上圖中的字體中文改成下圖中的英文名稱或Unicode編碼即可） 建議寫Unicode編碼更好
Unicode編碼–可以通過escape()來得到
Unicode編碼也可以通過 ?escape(*輸入需要的字體名稱*) ?來得到：
字體系列：
襯線體：字體有一些修飾的東西，讓字體變的美觀。
非襯線體：沒有修飾。
為了更安全的設(shè)置：
font-famliy:tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
前面的字體都查找失敗后，在系統(tǒng)中找一種sans-serif字體作為默認(rèn)字體。
注意順序，如果把sans-serif放前面去，后面的都失效了。
字體加粗：font-weight
font-weight屬性用于定義字體的粗細(xì)，其可用屬性值：normal、bold、bolder、lighter、100~900（100的整數(shù)倍），有繼承性。
400： Normal ? ? ? ? ? ?700：bold
字體的加粗跟字體有關(guān)，比如：一種字體只有兩種粗細(xì)程度的變化，那么normal到bold 和到bolder都是一樣的效果。
注意注意：設(shè)置字體是否加粗是不需要加單位的。
字體風(fēng)格：font-style
font-style屬性用于定義字體風(fēng)格，如設(shè)置斜體、傾斜或正常字體，其可用屬性值如下：
normal：默認(rèn)值，瀏覽器會(huì)顯示標(biāo)準(zhǔn)的字體樣式。
italic：瀏覽器會(huì)使用斜體的字體樣式顯示，如果字體沒有斜體，那么正常顯示字體。
oblique：瀏覽器會(huì)讓文字傾斜顯示。
font:綜合設(shè)置字體樣式
上圖寫法太繁瑣，還可以優(yōu)化，綜合設(shè)置：
font屬性用于對(duì)字體樣式進(jìn)行綜合設(shè)置，其基本語法格式如下：
選擇器 {font:font-style font-weight font-size/line-height font-family;}
使用font屬性時(shí)，必須按上面語法格式中的順序書寫，各個(gè)屬性以空格隔開。
其中不需要設(shè)置的屬性可以省略（取默認(rèn)值），但必須保留font-size和font-family屬性，否則font屬性將不起作用。
CSS文本外觀屬性：
color:文本顏色
通過color屬性可以設(shè)置字體的顏色。 ? ? ??Color: red; ? ? ? ?建議最好使用十六進(jìn)制的方式來寫。
letter-spacing:字間距
letter-spacing屬性用于定義字間距，所謂字間距就是字符與字符之間的空白。其屬性值可為不同單位的數(shù)值，允許使用負(fù)值，默認(rèn)為normal。
word-spacing:單詞間距
word-spacing屬性用于定義英文單詞之間的間距，對(duì)中文字符無效。和letter-spacing一樣，其屬性值可為不同單位的數(shù)值，允許使用負(fù)值，默認(rèn)為normal。
word-spacing和letter-spacing均可對(duì)英文進(jìn)行設(shè)置。不同的是letter-spacing定義的為字母之間的間距，而word-spacing定義的為英文單詞之間的間距。
letter-spacing:字間距
letter-spacing屬性用于定義字間距，所謂字間距就是字符與字符之間的空白。其屬性值可為不同單位的數(shù)值，允許使用負(fù)值，默認(rèn)為normal。
line-height:行間距
line-height屬性用于設(shè)置行間距，就是行與行之間的距離，即字符的垂直間距，一般稱為行高。
line-height常用的屬性值單位有三種，分別為像素px，相對(duì)值em和百分比%，實(shí)際工作中使用最多的是像素px。
行高的CSS定義：行高是兩行文本基線的距離。實(shí)際上就是：文本的高度+一倍的行距。
一行文本的高度正好是：0.5倍行距+文本的高度+ 0.5倍行距。
行高可以跟單位，也可以不跟單位。但是意義不一樣。
font:12px/1.5em '宋體'; ? ??font:12px/150%'宋體'; ? ??font:12px/1.5'宋體';
font:
12px/20px '宋體';
繼承特性
加上單位先計(jì)算 后繼承是以父親為基準(zhǔn)
不加單位先繼承 后計(jì)算是孩子根據(jù)自己的文字大小為基準(zhǔn)
line-height：可以讓單行文本垂直居中。
a?,
text-decoration:文本裝飾
text-decoration屬性用于設(shè)置文本的下劃線，上劃線，刪除線等裝飾效果，其可用屬性值如下：刪除線
none：沒有裝飾（正常文本默認(rèn)值）。
underline：下劃線。
overline：上劃線。
line-through：刪除線。
另外，text-decoration后可以賦多個(gè)值，用于給文本添加多種顯示效果，例如希望文字同時(shí)有下劃線和刪除線效果，就可以將underline和line-through同時(shí)賦給text-decoration。
text-align 水平對(duì)齊方式
text-align屬性用于設(shè)置文本內(nèi)容的水平對(duì)齊，相當(dāng)于html中的align對(duì)齊屬性。其可用屬性值如下：
left：左對(duì)齊（默認(rèn)值）
right：右對(duì)齊
center：居中對(duì)齊
text-indent:首行縮進(jìn)
text-indent屬性用于設(shè)置段落首行文本的縮進(jìn)，只能設(shè)置于塊級(jí)標(biāo)簽。其屬性值可為不同單位的數(shù)值、em字符寬度的倍數(shù)、或相對(duì)于瀏覽器窗口寬度的百分比%，允許使用負(fù)值, 建議使用em作為設(shè)置單位。
white-space:空白符處理
使用HTML制作網(wǎng)頁(yè)時(shí)，不論源代碼中有多少空格，在瀏覽器中只會(huì)顯示一個(gè)字符的空白。在CSS中，使用white-space屬性可設(shè)置空白符的處理方式，其屬性值如下：
Normal：正常的顯示，如果寬度不夠進(jìn)行折行顯示。
Nowrap：即使超過盒子的寬度，文本也不進(jìn)行換行顯示。
Pre：寫html代碼的時(shí)候是什么樣式的，顯示就顯示成什么樣的。
word-break:自動(dòng)換行
normal ?使用瀏覽器默認(rèn)的換行規(guī)則，不打斷單詞顯示。
break-all ?允許在單詞內(nèi)換行。
keep-all ?只能在半角空格或連字符處換行。
綜合案例：
代碼看回：32 Comprehensive practice.html
