一籍铁、display的應(yīng)用
1.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è)置寬高倔既，而且高度可以影響行高
2恕曲、display行內(nèi)塊及塊級(jí)行內(nèi)的區(qū)別
display：inline-block 按行內(nèi)標(biāo)簽進(jìn)行排版，但是可以設(shè)置寬高
? ? ? ? ? ? ? ? ?寬高 ? ? ?邊距 ? ? ? 獨(dú)占行
行內(nèi)元素： ? × ? ? ?左右 ? ? ? ? ? 不獨(dú)占
塊級(jí)元素： ? √ ? ?上下左右 ? ? ?獨(dú)占
行內(nèi)塊元素：√ ? 左右 ? ? ? ? ? ? 不獨(dú)占
行內(nèi)元素不能設(shè)置寬高渤涌，只能通過他的內(nèi)容來(lái)?yè)伍_他的寬高佩谣，如果設(shè)置了寬高是不會(huì)影響行內(nèi)元素的顯示的。
二实蓬、 CSS的顏色表示
RGB：red茸俭，green，blue三元素疊加組成不同顏色安皱。
語(yǔ)法： color: rgb(33,33,33);
取值： 0-255 调鬓，也可以用百分比： 0% - 100%
十六進(jìn)制是另外一種寫法：
Color:#3333333;
十六進(jìn)制也是rgb的表示方法另外一種寫法而已。
三酌伊、CSS單位
1.–px：像素點(diǎn)腾窝，像素就是顯示器顯示的一個(gè)點(diǎn)。
–em：1em 等于當(dāng)前的字體大小居砖，例如：當(dāng)前元素的字體大小為16px虹脯，那么1em = 16px。
2.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 1em
例如： p { font-size:32px; }
四镶柱、CSS字體
1.使用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)字體评也，保證在任何用戶的瀏覽器中都能正確顯示炼杖。
2.font-weight屬性用于定義字體的粗細(xì)，其可用屬性值：normal盗迟、bold坤邪、bolder、lighter罚缕、100~900（100的整數(shù)倍）艇纺，有繼承性。
400： Normal
700：bold
字體的加粗跟字體有關(guān)邮弹，比如：一種字體只有兩種粗細(xì)程度的變化黔衡，那么normal到bold 和到bolder都是一樣的效果。
3.font-style屬性用于定義字體風(fēng)格腌乡，如設(shè)置斜體盟劫、傾斜或正常字體，其可用屬性值如下：
–normal：默認(rèn)值与纽，瀏覽器會(huì)顯示標(biāo)準(zhǔn)的字體樣式侣签。
–italic：瀏覽器會(huì)使用斜體的字體樣式顯示，如果字體沒有斜體急迂，那么正常顯示字體影所。使用文字本身的斜體樣式.
–oblique：瀏覽器會(huì)讓文字傾斜顯示。
4.選擇器{font:font-style font-weight font-size/line-height font-family;}
其中不需要設(shè)置的屬性可以省略（取默認(rèn)值）袋毙，但必須保留font-size和font-family屬性型檀，否則font屬性將不起作用冗尤。
淘寶的字體設(shè)置：font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
五听盖、CSS文本外觀
1.letter-spacing屬性用于定義字間距，所謂字間距就是字符與字符之間的空白裂七。
其屬性值可為不同單位的數(shù)值皆看，允許使用負(fù)值，默認(rèn)為normal背零。
2.–word-spacing屬性用于定義英文單詞之間的間距腰吟，對(duì)中文字符無(wú)效。
和letter-spacing一樣徙瓶，其屬性值可為不同單位的數(shù)值毛雇，允許使用負(fù)值，默認(rèn)為normal侦镇。
3.line-height屬性用于設(shè)置行間距灵疮，就是行與行之間的距離，即字符的垂直間距壳繁，一般稱為行高震捣。
line-height常用的屬性值單位有三種荔棉，分別為像素px，相對(duì)值em和百分比%蒿赢，實(shí)際工作中使用最多的是像素px润樱。
4.text-decoration屬性用于設(shè)置文本的下劃線，上劃線羡棵，刪除線等裝飾效果壹若，其可用屬性值如下：
–none：沒有裝飾（正常文本默認(rèn)值）。
–underline：下劃線皂冰。
–overline：上劃線舌稀。
–line-through：刪除線。
另外灼擂，text-decoration后可以賦多個(gè)值壁查，用于給文本添加多種顯示效果，例如希望文字同時(shí)有下劃線和刪除線效果剔应，就可以將underline和line-through同時(shí)賦給text-decoration睡腿。
5.text-indent屬性用于設(shè)置段落首行文本的縮進(jìn)，只能設(shè)置于塊級(jí)標(biāo)簽峻贮。
其屬性值可為不同單位的數(shù)值席怪、em字符寬度的倍數(shù)、或相對(duì)于瀏覽器窗口寬度的百分比%纤控，允許使用負(fù)值,建議使用em作為設(shè)置單位
6.在CSS中挂捻，使用white-space屬性可設(shè)置空白符的處理方式，其屬性值如下：
–normal：常規(guī)（默認(rèn)值）船万，文本中的空格刻撒、空行無(wú)效，滿行（到達(dá)區(qū)域邊界）后自動(dòng)換行耿导。
–pre：預(yù)格式化声怔，按文檔的書寫格式保留空格、空行原樣顯示舱呻。
–nowrap：空格空行無(wú)效醋火，強(qiáng)制文本不能換行，除非遇到換行標(biāo)箱吕。
內(nèi)容超出元素的邊界也不換行芥驳，若超出瀏覽器頁(yè)面則會(huì)自動(dòng)增加滾動(dòng)條。
