1、CSS盒子模型 CSS單位 css單位： px 像素（像素（16px） em 1個字體尺寸大小個字體尺寸大小 % 百分比百分比 in 英寸 cm 厘米 mm 毫米 ex 1個字體的X高（通常為字體尺寸的一半） pt 磅（1磅=1/72英寸） pc 12點活 CSS顏色 單位單位描述描述 顏色名 顏色名稱 (比如 red) rgb(x,x,x) RGB 值 (比如 rgb(255,0,0) rgb(x%, x%, x%) RGB 百分比值 (比如 rgb(100%,0%,0%) #rrggbb 十六進制數 (比如 #000000) 樣式簡寫 padding: 4px;等同于： padding-t

2、op: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; /*margin、border類似*/ border-bottom: 1px solid #eee;等同于： border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); padding-top: 4px; padding-right: 6px; padding-bottom: 7px; padding-left: 5px; pad

3、ding: 4px 6px 7px 5px;上右下左 padding: 4px 6px 7px;上（左右）下 padding: 4px 6px;（上下）（左右） CSS position 屬性 h2 position:absolute; left:100px; top:150px; static默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。 absolute 生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。 元素的位置通過 left, top, right 以及 bottom 屬性進行規(guī)定

4、。 fixed 生成絕對定位的元素，相對于瀏覽器窗口進行定位。 元素的位置通過 left, top, right 以及 bottom 屬性進行規(guī)定。 relative 生成相對定位的元素，相對于其正常位置進行定位。 因此，left:20 會向元素的 LEFT 位置添加 20 像素。 inherit規(guī)定應該從父元素繼承 position 屬性的值。 CSS 元素種類 內聯元素內聯元素(內嵌元素、行內元素內嵌元素、行內元素 )(display:inline;) 1、和其他元素都在一行上； 2、高度、行高和頂、底邊距都不可改變； 3、寬度就是它的文字或圖片的寬度，不可改變 a,img,label,span,input 塊元素塊元素(display:block;) 總是另起一行開始； 2. 高度，行高以及頂、底邊距都可控制； 3. 寬度缺省是它所在