一界酒、基礎(chǔ)
語法：<style>selector {property: value}</style>
選擇器：元素纠屋、id、類
注釋：/* 內(nèi)容 */
尺寸：width盾计、height
背景：background-color售担、background-image:url(imagepath)；署辉、url(background.jpg)族铆、background-repeat、background-size: contain
字體：font哭尝、font-size哥攘、font-style、font-weight材鹦、font-family
鼠標(biāo)樣式：span{cursor:default逝淹、auto、crosshair桶唐、pointer栅葡、e-resize、ne-resize尤泽、nw-resize欣簇、n-resize、se-resize坯约、sw-resize熊咽、w-resize、text闹丐、wait横殴、help、not-allowed
表格：table-layout:automatic|fixed卿拴、border-collapse:separate|collapse
邊框：border-style衫仑、border-color梨与、border-width、border惑畴、border-top蛋欣、border-top航徙、border-left如贷、div、span
內(nèi)邊距：padding-left到踏、padding-right杠袱、padding-top、padding-bottom窝稿、padding
外邊距：margin-left/right/top/bottom
邊框模型：.box{ width:70px; padding:5px; margin: 10px;}
超鏈狀態(tài)：link楣富、visited、hover伴榔、active
隱藏元素：display:none纹蝴、visivility:hidden
css文件：<link rel="stylesheet" type="text/css" href="/style.css" />
優(yōu)先級(jí)：style標(biāo)簽與外部文件style.css樣式重復(fù)：優(yōu)先使用最后出現(xiàn)的一個(gè)。style標(biāo)簽上的與style屬性沖突：優(yōu)先使用style屬性踪少。如果樣式上增加了!important塘安，則優(yōu)先級(jí)最高，甚至高于style屬性
二援奢、布局
絕對(duì)定位：屬性：position兼犯、值： absolute
相對(duì)定位：屬性：position、值：relative
浮動(dòng)：屬性：float集漾、值： left,right
顯示方式：display:none/block/inline/inline-block
水平居中:通過設(shè)置屬性align="center" 居中的內(nèi)容切黔、通過樣式style="text-align:center" 居中的內(nèi)容。默認(rèn)情況下div會(huì)占用100%的寬度,所以無法觀察元素是否居中具篇，設(shè)置本div的寬度纬霞，然后再使用樣式 margin: 0 auto來使得元素居中，span 是內(nèi)聯(lián)元素驱显，無法設(shè)置寬度险领，所以不能通過margin:0 auto居中，span的居中可以通過放置在div中秒紧，然后讓div text-align實(shí)現(xiàn)居中
左側(cè)固定绢陌，右邊自動(dòng)占滿：<style> .left{width:200px;float:left;background-color:pink} .right{overflow:hidden;background-color:lightskyblue;}</style>
垂直居中：line-height、#d {padding: 30 0;}div{border:solid 1px lightskyblue;}熔恢、#d {display: table-cell;vertical-align: middle;height:200px;}div{border:solid 1px lightskyblue;}
左右固定脐湾，中間自適應(yīng)：.left{width:200px;:left;background-color:pink.right{width:200px;float:right;background-color:pink}.center {margin:0 200px; background-color:lightblue}
貼在下方：#div1{: relative;: 300px;: 90%;-color: skyblue;}#div2 {position: absolute;: 0;: 30px; width: 100%;-color: lightgreen;</style>
塊之間的空格：使用float。float使用完畢之后叙淌，記得在下面加上 <div style="clear:both"></div> 用于使得后續(xù)的元素秤掌，不會(huì)和這些span重復(fù)在一起
