div+css網(wǎng)頁(yè)布局技巧實(shí)例1設(shè)置網(wǎng)頁(yè)整體居中的代碼

1、DIVCSS網(wǎng)頁(yè)布局技巧實(shí)例網(wǎng)頁(yè)布局技巧實(shí)例1：設(shè)置網(wǎng)頁(yè)整體居中的代碼：設(shè)置網(wǎng)頁(yè)整體居中的代碼以前用表格布局時(shí)設(shè)置網(wǎng)頁(yè)居中非常方便，把表格對(duì)齊方式設(shè)置為居中就行了，就這么簡(jiǎn)單，現(xiàn)在呢，用DIVCSS樣式表控制，好像不是那么容易了，其實(shí)也很簡(jiǎn)單，只不過方式不同而已。#layoutwidth:778pxmargin:0autotextalign:center標(biāo)準(zhǔn)之路請(qǐng)看這段代碼，寬度為適合800600分辨率瀏覽器的寬度，margin:0au

2、to這句代碼就是讓居中了，意思是外邊距上下設(shè)置為0，左右設(shè)為自動(dòng)。這樣它就居中了。那么可能你要問了，textalign:center為什么還要讓內(nèi)容居中呢？呵呵，別著急，這句是為了適應(yīng)IE6以下版本的瀏覽器而加的，IE6以下對(duì)margin:0auto不能解析為居中，所以用這種方式來補(bǔ)救，以下在設(shè)計(jì)內(nèi)容時(shí)再用textalign:left就可以了。注：margin和padding的值的順序?yàn)轫槙r(shí)針上右下左，如margin:1px2px3px

3、4px還可以縮寫為上下、左右，如本例，如果為margin:0px則是各邊都為0標(biāo)準(zhǔn)之路提示：可以先修改部分代碼后再運(yùn)行DIVCSS網(wǎng)頁(yè)布局技巧實(shí)例網(wǎng)頁(yè)布局技巧實(shí)例2：設(shè)置容器中的內(nèi)容垂直居中：設(shè)置容器中的內(nèi)容垂直居中如實(shí)例1設(shè)置網(wǎng)頁(yè)整體居中的代碼中內(nèi)容是居容器的頂部的，而在表格布局時(shí)默認(rèn)是垂直居中的，當(dāng)我們需要垂直居中的時(shí)候該怎么辦呢？別害怕，跟我來，也是比較簡(jiǎn)單的，只用設(shè)置容器內(nèi)的行高就行了。DIVCSS網(wǎng)頁(yè)布局技巧實(shí)例網(wǎng)頁(yè)布局技巧實(shí)

4、例4：使用：使用css縮寫縮寫使用縮寫可以幫助減少你CSS文件的大小，更加容易閱讀。css縮寫的主要規(guī)則請(qǐng)參看《常用css縮寫語(yǔ)法總結(jié)》，css縮寫的主要規(guī)則如下：顏色顏色16進(jìn)制的色彩值，如果每?jī)晌坏闹迪嗤?，可以縮寫一半，例如：#000000可以縮寫為#000#336699可以縮寫為#369注意注意:在同一個(gè)CSS配置節(jié)中，不要交錯(cuò)使用全寫和縮寫的顏色配置，在系統(tǒng)資源極低時(shí)，會(huì)導(dǎo)致瀏覽器渲染失敗。盒尺寸盒尺寸通常有下面四種書寫方法:?

5、property:value1表示所有邊都是一個(gè)值value1；?property:value1value2表示top和bottom的值是value1right和left的值是value2?property:value1value2value3表示top的值是value1，right和left的值是value2，bottom的值是value3?property:value1value2value3value4四個(gè)值依次表示toprigh