一、css部分樣式
1.font-weight:bold; //粗體
2.font-style:italic;//斜體
3.text-decoration:underline;//下劃線
4.test-decoration:line-through;//刪除線
5:text-indent:2em;//文字縮進(jìn)
6:line-height:2em;//行間距（行高）
7:letter-spacing:50px;//文字間距
8:word-spacing:50px;//英文單詞間距
9:text-align:center;//塊狀元素 對齊：left、top奈梳、right捎迫、bottom刮刑、center臀晃；
二搓扯、元素分類
css中苹丸，html中的標(biāo)簽元素大體被分為三種不同的元素：塊狀元素愤惰、內(nèi)聯(lián)元素（行內(nèi)元素）、內(nèi)聯(lián)塊狀元素谈跛；
1.塊狀元素特點(diǎn)：
常用塊狀元素有：<div>羊苟、<p>、<h1>-<h6>感憾、<ol>蜡励、<ul>令花、<dl>、<table>凉倚、<address>兼都、<blockquote>、<form>
設(shè)置display：block就是將元素顯示為塊級元素稽寒；
每個塊狀元素都從新的一行開始扮碧，并且其后的元素也另起一行；
元的的高度杏糙、寬度慎王、行高、以及頂和底邊距都可設(shè)置宏侍；
元素寬度在不設(shè)定的情況下赖淤，是它父容器的100%，除非設(shè)定一個寬度谅河；
2.內(nèi)聯(lián)元素特點(diǎn)：
常用內(nèi)聯(lián)元素有：<a>咱旱、<span>、<br>绷耍、<i>吐限、<em>、<strong>褂始、<label>诸典、<q>、<var>病袄、<cite>搂赋、<code>
設(shè)置display：inline 將元素設(shè)置為內(nèi)聯(lián)元素；
和其他元素都在一行上益缠；
元素的高度脑奠、寬度、及頂部和底部邊距不可設(shè)置幅慌；
元素的寬度就是它包含的文字或圖片的寬度宋欺，不可改變；
3.內(nèi)聯(lián)塊狀元素
常用的內(nèi)聯(lián)塊狀元素有：<img>胰伍、<input>
設(shè)置display：inline-block 將元素設(shè)置為內(nèi)聯(lián)塊狀元素齿诞；
和其他元素都在一行上；
元素的高度骂租、寬度祷杈、行高以及頂和底邊距都可設(shè)置；
三渗饮、盒子模型
padding 盒子內(nèi)填充但汞、margin 盒子外邊距宿刮、盒子邊框border；
border-style(邊框樣式):dashed（虛線）私蕾、dotted（點(diǎn)線）僵缺、solid（實(shí)線）；
border-color(邊框顏色)踩叭；
border-width（邊框?qū)挾龋?/p>
border-bottom\top\left\right（指定邊框方向）;
四磕潮、css布局模型
1.流動模型(flow)
是默認(rèn)的網(wǎng)頁布局模式；
塊狀元素都會在所處的包含元素內(nèi)自上而下按順序垂直延伸分布容贝；
內(nèi)聯(lián)元素都會在所處的包含元素內(nèi)從左到右水平分布顯示自脯；
2.浮動模型（float）
任何元素在默認(rèn)情況下是不能浮動的，
但是可以用css定義為浮動嗤疯，如div冤今、p、table茂缚、img等元素都可以被定義為浮動，
這樣塊狀元素就能一行顯示了屋谭；float:left脚囊；
3.層模型
絕對定位（position：absolute） left:100px,top:20px; 相對于外容器做絕對定位移動；
相對定位（position：relative） 相對于自身做定位移動桐磁；
固定定位（position：fixed）相對于body窗口作為定位移動悔耘；拖動時位置固定不變；
relative與absolute組合使用我擂， 通過父元素div設(shè)置postion：relative? 后 衬以，
子元素div 設(shè)置position：absolute后，通過top校摩、等設(shè)置相對位置定位看峻；
4.字體縮寫
body{
? ? font-style:italic;
? ? font-variant:small-caps;
? ? font-weight:bold;
? ? font-size:12px;
? ? line-height:1.5em;
? ? font-family:"宋體",sans-serif;
}
body{
? ? font:italic? small-caps? bold? 12px/1.5em? "宋體",sans-serif;
}
p{font-size:12px;text-indent:2em;} 2em=24px 的首行縮進(jìn)；
水平居中設(shè)置-行內(nèi)元素：給父元素設(shè)置 text-align:center;
水平居中設(shè)置-定寬塊狀元素：條件1：元素有固定width 條件2：設(shè)置margin-left和margin-right：auto衙吩；? margin:20px auto;
水平居中-不定寬塊狀元素方法（1）：
加入table標(biāo)簽 設(shè)置margin：0 auto互妓；實(shí)現(xiàn)
<div class="wrap">
? table{
? ? margin:0 auto;
}
<table>
<tbody>
<tr><td>
設(shè)置我所在的div容器水平居中
</tbody>
</table>
</div>
水平居中-不定寬塊元素方法（2）：
將塊元素的display類型設(shè)置為inline，變成行內(nèi)元素坤塞，設(shè)置父元素屬性：text-align:center冯勉；
水平居中-不定寬塊元素方法（3）：
父容器設(shè)置 float:left; position:relative;left:50%;?
子容器設(shè)置 position:relative;left:-50%;
垂直居中-父元素高度確定的單行文本(1):
父容器設(shè)置height：100px；
