css常用的網(wǎng)頁(yè)布局樣式屬性

1、網(wǎng)頁(yè)布局常用的樣式屬性網(wǎng)頁(yè)布局常用的樣式屬性一、一、PositionPosition有以下幾個(gè)值：static，relative，absolute，fixed。Static：靜態(tài)定位。如果你沒(méi)有設(shè)置position屬性，那么缺省就是static。top，left，bottom，right等屬性，在static的情況下是無(wú)效的，要使用這些屬性，必須把position設(shè)置為其他三個(gè)值之一。Relative：相對(duì)定位。元素將按照靜態(tài)定位時(shí)的位

2、置進(jìn)行調(diào)整，在靜態(tài)定位中分配給元素的空間仍然會(huì)分配給它，它兩邊的元素不會(huì)向它靠近來(lái)填充那個(gè)空間，但它們也不會(huì)從元素的新位置被擠走。Absolute：絕對(duì)定位。元素將按照包含它的元素的位置進(jìn)行調(diào)整，比如它嵌套在另一個(gè)絕對(duì)定位的元素中，那么就相對(duì)于那個(gè)元素定位。Fixed：固定定位。元素將被設(shè)置在瀏覽器上一個(gè)固定位置上，不會(huì)隨其他元素滾動(dòng)。形象點(diǎn)說(shuō)，上下拉動(dòng)滾動(dòng)條的時(shí)候，fixed的元素在屏幕上的位置不變。需要注意的是IE6并不支持此屬性。

3、注意：很多網(wǎng)頁(yè)都是居中的，這樣，當(dāng)對(duì)元素進(jìn)行絕對(duì)定位的時(shí)候，在不同的分辨率下顯示會(huì)有偏差，這時(shí)，我們可以通過(guò)類似下面的方法來(lái)處理：定義定義marginmargin屬性是用于在一個(gè)聲明中設(shè)置四個(gè)外邊距的所有屬性的簡(jiǎn)寫(xiě)屬性。屬性是用于在一個(gè)聲明中設(shè)置四個(gè)外邊距的所有屬性的簡(jiǎn)寫(xiě)屬性。注釋：允許使用負(fù)值。注釋：允許使用負(fù)值。繼承性：繼承性：NoNo說(shuō)明說(shuō)明這個(gè)簡(jiǎn)寫(xiě)屬性設(shè)置一個(gè)元素所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬這個(gè)簡(jiǎn)寫(xiě)屬性設(shè)置一個(gè)元素

4、所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬度。度。塊級(jí)元素的垂直相鄰?fù)膺吘鄷?huì)合并，而行內(nèi)元素實(shí)際上不占上下外邊距。行內(nèi)塊級(jí)元素的垂直相鄰?fù)膺吘鄷?huì)合并，而行內(nèi)元素實(shí)際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會(huì)合并。同樣地，浮動(dòng)元素的外邊距也不會(huì)合并。允許元素的的左右外邊距不會(huì)合并。同樣地，浮動(dòng)元素的外邊距也不會(huì)合并。允許指定負(fù)的外邊距值，不過(guò)使用時(shí)要小心。指定負(fù)的外邊距值，不過(guò)使用時(shí)要小心。例子例子四個(gè)邊距均為四個(gè)邊距均為10px10p

5、x：h1h1margin:margin:10px10px頂邊距和底邊距為頂邊距和底邊距為10px10px，左邊距和右邊距是父元素寬度的，左邊距和右邊距是父元素寬度的2%2%：h1h1margin:margin:10px10px2%2%頂邊距為頂邊距為10px10px，左邊距和右邊距是父元素寬度的，左邊距和右邊距是父元素寬度的2%2%，底，底邊距是邊距是10px10px：h1h1margin:margin:10px10px2%2%10px