div+css

1、DIVCSS布局（重點(diǎn)）布局（重點(diǎn)）什么是什么是DIVCSS？DIVCSS是網(wǎng)站標(biāo)準(zhǔn)（或稱(chēng)“WEB標(biāo)準(zhǔn)”）中常用術(shù)語(yǔ)之一，通常為了說(shuō)明與HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格（table）定位方式的區(qū)別，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用DIVCSS的方式實(shí)現(xiàn)各種定位。CSS是英語(yǔ)CadingStyleSheets（層疊樣式表單）的縮寫(xiě)，它是一種用來(lái)表現(xiàn)HTML或XML等文件式樣的計(jì)算機(jī)語(yǔ)言。CSS是一種制作網(wǎng)頁(yè)的新技術(shù)

2、，現(xiàn)在已經(jīng)為大多數(shù)的瀏覽器支持，成為網(wǎng)頁(yè)設(shè)計(jì)必不可少的工具之一。實(shí)際上，CSS是一系列格式規(guī)格或樣式的集合，主要用于控制頁(yè)面的外觀，是目前網(wǎng)頁(yè)設(shè)計(jì)中的一種常用技術(shù)與手段。CSS具有強(qiáng)大的頁(yè)面美化功能。通過(guò)使用CSS，可以控制許多僅使用HTML標(biāo)記無(wú)法控制的屬性，并能輕而易舉地實(shí)現(xiàn)各種特效。DIVCSS布局網(wǎng)頁(yè)的優(yōu)點(diǎn)：布局網(wǎng)頁(yè)的優(yōu)點(diǎn)：1、符合W3C標(biāo)準(zhǔn)。微軟等公司均為W3C支持者。這一點(diǎn)是最重要的，因?yàn)檫@保證您的網(wǎng)站不會(huì)因?yàn)閷?lái)網(wǎng)絡(luò)應(yīng)用的

3、升級(jí)而被淘汰。2、支持瀏覽器的向后兼容，也就是無(wú)論未來(lái)的瀏覽器大戰(zhàn)，勝利的是IE7或者是火狐，您的網(wǎng)站都能很好的兼容。3、搜索引擎更加友好。相對(duì)與傳統(tǒng)的table采用DIVCSS技術(shù)的網(wǎng)頁(yè)，對(duì)于搜索引擎的收錄更加友好。4、樣式的調(diào)整更加方便。內(nèi)容和樣式的分離，使頁(yè)面和樣式的調(diào)整變得更加方便?，F(xiàn)在YAHOOMSN等國(guó)際門(mén)戶網(wǎng)站，網(wǎng)易，新浪等國(guó)內(nèi)門(mén)戶網(wǎng)站，和主流的WEB2.0網(wǎng)站，均采用DIVCSS的框架模式，更加印證了DIVCSS是大勢(shì)所

4、趨。5、CSS的極大優(yōu)勢(shì)表現(xiàn)在簡(jiǎn)潔的代碼，對(duì)于一個(gè)大型網(wǎng)站來(lái)說(shuō)，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼。6、表現(xiàn)和結(jié)構(gòu)分離，在團(tuán)隊(duì)開(kāi)發(fā)中更容易分工合作而減少相互關(guān)聯(lián)性。簡(jiǎn)單來(lái)說(shuō)：1.頁(yè)面加載速度快2.布局靈活3.便于動(dòng)態(tài)程序嵌入或者動(dòng)態(tài)程序載入divcss模版4.便于搜索引擎的抓取主要缺點(diǎn)：相對(duì)于表格布局來(lái)說(shuō)，實(shí)現(xiàn)比較復(fù)雜，對(duì)網(wǎng)頁(yè)設(shè)計(jì)人員來(lái)說(shuō)需要一定的技術(shù)功底。[Textindent]：指定第一行文本的程度。[Displ

5、ay]:指定是否以及如何顯示元素。4設(shè)置設(shè)置CSS方框?qū)傩苑娇驅(qū)傩訹Width]和[Height]：設(shè)置元素的寬度和高度。[Float]：設(shè)置其他元素（如文本、Div和表格等）在圍繞元素的哪個(gè)邊浮動(dòng)。其它元素按通常的方式環(huán)繞在浮動(dòng)元素的周?chē)?。[Clear]：清除定義不允許AP元素的邊。[Padding]：指定元素內(nèi)容與元素邊框之間的間距（如果沒(méi)有邊框。則為邊距）。如果取消選擇[全部相同]復(fù)選框，可設(shè)置元素各個(gè)邊[Top]上、[Right

6、]右、[Bottom]下和[Left]左的填充。[Margin]：指定一個(gè)元素的邊框與另一個(gè)元素之間的間距（如果沒(méi)有邊框，則為填充）。如果取消選擇[全部相同]復(fù)選框，可設(shè)置元素各個(gè)邊的邊距。5設(shè)置設(shè)置CSS邊框?qū)傩赃吙驅(qū)傩訹Style]：設(shè)置邊框的樣式外觀，如果取消選擇[全部相同]復(fù)選框，可設(shè)置元素各個(gè)邊的邊框樣式。[Width]：設(shè)置元素邊框的粗細(xì)。如果取消選擇[全部相同]復(fù)選框，可設(shè)置元素各個(gè)邊的邊框?qū)挾?。[Col]：設(shè)置元素邊框的

7、顏色。如果取消選擇[全部相同]復(fù)選框，可設(shè)置元素各個(gè)邊的邊框顏色。6設(shè)置設(shè)置CSS列表屬性列表屬性[Liststyletype]：設(shè)置項(xiàng)目符號(hào)或編號(hào)的外觀。[Liststyleimage]：為項(xiàng)目符號(hào)指定自定義圖像。[ListstylePosition]：設(shè)置列表項(xiàng)文本是否換行并縮進(jìn)（外部）或者文本是否換行到左邊距（內(nèi)部）。7設(shè)置設(shè)置CSS定位屬性定位屬性[Position]：確定瀏覽器應(yīng)如何來(lái)定位選定的元素。[Visibility]：

8、確定內(nèi)容的初始顯示條件。如果不指定可見(jiàn)性屬性，則默認(rèn)情況下，內(nèi)容將繼承父級(jí)標(biāo)簽的值。Body標(biāo)簽的默認(rèn)可見(jiàn)性是可見(jiàn)的。[Zindex]：確定內(nèi)容的堆疊順序。Z軸值較高的元素顯示在Z軸值較低的元素（或根本沒(méi)有Z軸值的元素）的上方。[Overflow]：確定當(dāng)容器（如DIV或P）的內(nèi)容超出容器的顯示范圍時(shí)的處理方式，在下拉列表中有[visible]可見(jiàn)、[hidden]隱藏、[scroll]滾動(dòng)和[auto]自動(dòng)四個(gè)選項(xiàng)。[Placemen