CSS的標(biāo)簽?zāi)Ｊ皆O(shè)置Display屬性
??display可以控制標(biāo)簽的顯示模式。
??display：none | inline | block | inline-block
??繼承性：無(wú)
display值的解釋：
??none ：此元素不被顯示，在文檔中被移除。
??block ：此元素按塊級(jí)元素顯示：前后帶換行符，自己占一行。內(nèi)聯(lián)元素 → 塊元素
??inline ：此元素按內(nèi)聯(lián)元素顯示：1個(gè)挨著1個(gè)。塊元素 → 內(nèi)聯(lián)元素
??inline-block：按行內(nèi)標(biāo)簽進(jìn)行排版，但是可以設(shè)置寬高，而且高度可以影響行高（以后再詳細(xì)講）。
對(duì)比一下：
/*display: none;*/ ??/*直接把當(dāng)前標(biāo)簽從頁(yè)面中直接移除了，不影響頁(yè)面的布局*/
visibility: hidden; ??/*這個(gè)只是不顯示，但還是占用頁(yè)面的空間*/
行內(nèi)塊元素設(shè)置
??寬高 ???邊距 ???????????獨(dú)占行
行內(nèi)元素： ???X ???????左右邊距 ?????不獨(dú)占
塊級(jí)元素： ???√ ??????上下左右 ??????獨(dú)占
行內(nèi)塊元素： ?√ ???????左右 ?????????不獨(dú)占
行內(nèi)元素不能設(shè)置寬高，只能通過(guò)他的內(nèi)容來(lái)?yè)伍_(kāi)他的寬度和高度。如果你設(shè)置了寬高是不會(huì)影響行內(nèi)元素的顯示的。
?
CSS的顏色表示
RGB：red，green，blue三元素疊加組成不同顏色。
語(yǔ)法： color: rgb(33,33,33);
取值： 0-255 ，也可以用百分比： 0% - 100%
十六進(jìn)制是另外一種寫法：
Color:#3333333;
?
長(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、百分比等來(lái)做布局的設(shè)置。
相對(duì)單位解釋：像素是相對(duì)單位。不同平面尺寸可以是相同的分辨率，也就相同的像素大小，對(duì)應(yīng)的實(shí)際的尺寸可能不同。
?
文字排版
字體大小設(shè)置font-size
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; }
設(shè)置字體font-family
使用font-family設(shè)置字體時(shí)，需要注意以下幾點(diǎn)：
?各種字體之間必須使用英文狀態(tài)下的逗號(hào)隔開(kāi)。
?中文字體需要加英文狀態(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)字體，保證在任何用戶的瀏覽器中都能正確顯示。
字體系列
襯線體：字體有一些修飾的東西，讓字體變的美觀。
非襯線體：沒(méi)有修飾。
font-famliy: ?tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
v前面的字體都查找失敗后，在系統(tǒng)中找一種sans-serif字體作為默認(rèn)字體。
v注意順序，如果把sans-serif放前面去，后面的都失效了。
設(shè)置字體顏色
通過(guò)color屬性可以設(shè)置字體的顏色。
Color: red;
建議最好使用十六進(jìn)制的方式來(lái)寫。
設(shè)置字符的間距
letter-spacing屬性用于定義字間距，所謂字間距就是字符與字符之間的空白。其屬性值可為不同單位的數(shù)值，允許使用負(fù)值，默認(rèn)為normal。
可以設(shè)置連續(xù)漢字（漢字間沒(méi)有空格）的間距，也可以設(shè)置英文字母之間的間距。
letter-spacing: 10px;
設(shè)置單詞間距
word-spacing屬性用于定義英文單詞之間的間距。也可以設(shè)置漢字中出現(xiàn)斷字的距離（比如：文字間出現(xiàn)空格等）。
玩轉(zhuǎn)行高
行高的CSS定義：行高是兩行文本基線的距離。實(shí)際上就是：文本的高度+一倍的行距。
一行文本的高度正好是： ?0.5倍行距+ 文本的高度 + 0.5倍行距
四線：
?文字頂端的線，稱為頂線。
?中線：穿過(guò)x中心的線為中線。
?小寫X字母底部的線為基線。
?文字底部的線為底線。
text-decoration:文本裝飾
text-decoration屬性用于設(shè)置文本的下劃線，上劃線，刪除線等裝飾效果，其可用屬性值如下：
<s>刪除線</s>
none：沒(méi)有裝飾（正常文本默認(rèn)值）。
underline：下劃線。
overline：上劃線。
line-through：刪除線。
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è)置單位。
搜索官網(wǎng)對(duì)于：logo的優(yōu)化
空白符的處理：
Normal：正常的顯示，如果寬度不夠進(jìn)行折行顯示。
Nowrap：即使超過(guò)盒子的寬度，文本也不進(jìn)行換行顯示。
Pre：寫html代碼的時(shí)候是什么樣式的，顯示就顯示成什么樣的。
