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

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

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

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

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

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