1、行間距(line-height)：
行間距 = 行高-字體大小
可以設(shè)置line-height可以間接的設(shè)置行高
可以接收的值：
1、直接接收一個大小
2、可以指定一個百分?jǐn)?shù)，則會相對于字體去計算行高
3、可以直接傳一個數(shù)值，則行高會設(shè)置字體大小相應(yīng)的倍數(shù)
對于單行文本來說，可以將行高設(shè)置為和父元素的高度一致，這樣可以是單行文本在父元素中垂直居中
在font中也可以指定行高在字體大小后可以添加/行高，來指定行高，該值是可選的，如果不指定則會使用默認(rèn)值
font: 30px "微軟雅黑";
2、文本樣式：
text-transform可以用來設(shè)置文本的大小寫
可選值：
none 默認(rèn)值，該怎么顯示就怎么顯示，不做任何處理
capitalize 單詞的首字母大寫，通過空格來識別單詞
uppercase 所有的字母都大寫
lowercase 所有的字母都小寫
text-decoration可以用來設(shè)置文本的修飾
可選值：
none：默認(rèn)值，不添加任何修飾，正常顯示
underline 為文本添加下劃線
overline 為文本添加上劃線
line-through 為文本添加刪除線
超鏈接會默認(rèn)添加下劃線，也就是超鏈接的text-decoration的默認(rèn)值是underline
/*如果需要去除超鏈接的下劃線則需要將該樣式設(shè)置為none*/
text-decoration: none;
/*letter-spacing可以指定字符間距*/
letter-spacing: 10px;
/*word-spacing可以設(shè)置單詞之間的距離，實際上就是設(shè)置詞與詞之間空格的大小*/
word-spacing: 100px;
text-align用于設(shè)置文本的對齊方式
可選值：
left 默認(rèn)值，文本靠左對齊
right 文本靠右對齊
center 文本居中對齊
justify 兩端對齊(通過調(diào)整文本之間的空格的大小，來達(dá)到一個兩端對齊的目的)
text-indent用來設(shè)置首行縮進(jìn)
這個值一般都會使用em作為單位
當(dāng)給它指定一個正值時，會自動向右側(cè)縮進(jìn)指定的像素
如果為它指定一個負(fù)值，則會向左移動指定的像素
通過這種方式可以將一些不想顯示的文字
3、盒子模型：
/*為元素設(shè)置邊框
要為一個元素設(shè)置邊框必須指定三個樣式
border-width:邊框的寬度
border-color:邊框顏色
border-style:邊框的樣式
使用border-width可以分別指定四個邊框的寬度
如果在border-width指定了四個值
則四個值會分別設(shè)置給上、右、下、左，按照順時針的方向設(shè)置的
如果指定三個值
則三個值會分別設(shè)置給上、左右、下
如果指定兩個值
則兩個值會分別設(shè)置給上下、左右
如果指定一個值，則四邊全都是該值
除了border-width，CSS中還提供了四個border-xxx-width,xxx的值可能是top right bottom left,專門用來設(shè)置指定邊的寬度
border-top-width: 100px;
設(shè)置邊框的顏色
* 和寬度一樣，color也提供四個方向的樣式，可以分別指定顏色
* border-xxx-color
*/
border-color: red;
/*border-color: red yellow orange blue;*/
/*border-color: red yellow orange;*/
/*border-color: red yellow;*/
設(shè)置邊框的樣式
可選值：
* none，默認(rèn)值，沒有邊框
* solid 實線
* dotted 點狀邊框
* dashed 虛線
* double 雙線
border-style: solid dotted dashed double;
4、內(nèi)邊距：
內(nèi)邊距（padding），指的是盒子的內(nèi)容區(qū)與盒子邊框之間的距離，一共有四個方向：
padding-top
padding-right
padding-bottom
padding-left
盒子可見框的寬度 = border-left-width + padding-left + width + padding-right + border-right-width
盒子可見框的高度 = border-top-width + padding-top + height + padding-bottom + border-bottom-width
使用padding可以同時設(shè)置四個邊框的樣式，規(guī)則和border-width一致
*/
/*padding: 100px;*/
/*padding: 100px 200px;*/
/*padding: 100px 200px 300px;*/
padding: 100px 200px 300px 400px;
5、外邊距：
外邊距指的是當(dāng)前盒子與其他盒子之間的距離，他不會影響可見框的大小，而是會影響到盒子的位置盒子有四個方向的外邊距：
margin-top
margin-right
margin-bottom
margin-left
/*設(shè)置上外邊距，即盒子的上邊框與其他盒子的距離*/
margin-top: 100px;
/*左外邊距*/
margin-left: 100px;
/*設(shè)置右和下外邊距*/
margin-right: 100px;
margin-bottom: 100px;*/
外邊距也可以指定為一個負(fù)值，如果外邊距設(shè)置的是負(fù)值，則元素會向反方向移動
*/
/*margin-left: -100px;
margin-top: -100px;
margin-bottom: -100px;*/
/*margin-bottom: -100px;*/
如果只指定，左外邊距或右外邊距的margin為auto則會將外邊距設(shè)置為最大值
垂直方向外邊距如果設(shè)置為auto，則外邊距默認(rèn)就是0
如果將left和right同時設(shè)置為auto，則會將兩側(cè)的外邊距設(shè)置為相同的值，就可以使元素自動在父元素中居中
margin-left: auto;
margin-right: auto;
margin-top: auto;
外邊距同樣可以使用簡寫屬性 margin，可以同時設(shè)置四個方向的外邊距,規(guī)則和padding一樣
*/
/*margin: 10px 20px 30px 40px;*/
margin:0 auto 頁面水平居中
6、瀏覽器的默認(rèn)樣式：
*{
margin: 0;
padding: 0;
}
7、display
內(nèi)聯(lián)元素不能設(shè)置寬/高，將一個內(nèi)聯(lián)元素變成塊元素通過display樣式可以修改元素的類型
可選值：
inline：可以將一個元素作為內(nèi)聯(lián)元素顯示
block: 可以將一個元素設(shè)置塊元素顯示
inline-block：將一個元素轉(zhuǎn)換為行內(nèi)塊元素
- 可以使一個元素既有行內(nèi)元素的特點又有塊元素的特點，既可以設(shè)置寬高，又不會獨占一行
none: 不顯示元素，并且元素不會在頁面中繼續(xù)占有位置
display: none; 使用該方式隱藏的元素，不會在頁面中顯示，并且不再占據(jù)頁面的位置
8、visibility：
- 可以用來設(shè)置元素的隱藏和顯示的狀態(tài)
- 可選值：
visible 默認(rèn)值，元素默認(rèn)會在頁面顯示
hidden 元素會隱藏不顯示
- 可選值：
使用 visibility:hidden;隱藏的元素雖然不會在頁面中顯示，但是它的位置會依然保持
9、
超出父元素的內(nèi)容，我們稱為溢出的內(nèi)容
通過overflow可以設(shè)置父元素如何處理溢出內(nèi)容：
可選值：
- visible，默認(rèn)值，不會對溢出內(nèi)容做處理，元素會在父元素以外的位置顯示/
- hidden, 溢出的內(nèi)容，會被修剪，不會顯示
- scroll, 會為父元素添加滾動條，通過拖動滾動條來查看完整內(nèi)容
/- 該屬性不論內(nèi)容是否溢出，都會添加水平和垂直雙方向的滾動條
- auto，會根據(jù)需求自動添加滾動條，需要水平就添加水平，需要垂直就添加垂直，都不需要就都不加
