前端知識(shí)：css樣式知識(shí)點(diǎn)和小技巧

1、CSS盒子模型 CSS單位 css單位： px 像素（像素（16px） em 1個(gè)字體尺寸大小個(gè)字體尺寸大小 % 百分比百分比 in 英寸 cm 厘米 mm 毫米 ex 1個(gè)字體的X高（通常為字體尺寸的一半） pt 磅（1磅=1/72英寸） pc 12點(diǎn)活 CSS顏色 單位單位描述描述 顏色名 顏色名稱 (比如 red) rgb(x,x,x) RGB 值 (比如 rgb(255,0,0) rgb(x%, x%, x%) RGB 百分比值 (比如 rgb(100%,0%,0%) #rrggbb 十六進(jìn)制數(shù) (比如 #000000) 樣式簡(jiǎn)寫(xiě) 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默認(rèn)值。沒(méi)有定位，元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。 absolute 生成絕對(duì)定位的元素，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位。 元素的位置通過(guò) left, top, right 以及 bottom 屬性進(jìn)行規(guī)定

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