div+css

1、DIVCSS布局（重點）布局（重點）什么是什么是DIVCSS？DIVCSS是網(wǎng)站標準（或稱“WEB標準”）中常用術語之一，通常為了說明與HTML網(wǎng)頁設計語言中的表格（table）定位方式的區(qū)別，因為XHTML網(wǎng)站設計標準中，不再使用表格定位技術，而是采用DIVCSS的方式實現(xiàn)各種定位。CSS是英語CadingStyleSheets（層疊樣式表單）的縮寫，它是一種用來表現(xiàn)HTML或XML等文件式樣的計算機語言。CSS是一種制作網(wǎng)頁的新技術

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

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

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

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

6、]右、[Bottom]下和[Left]左的填充。[Margin]：指定一個元素的邊框與另一個元素之間的間距（如果沒有邊框，則為填充）。如果取消選擇[全部相同]復選框，可設置元素各個邊的邊距。5設置設置CSS邊框屬性邊框屬性[Style]：設置邊框的樣式外觀，如果取消選擇[全部相同]復選框，可設置元素各個邊的邊框樣式。[Width]：設置元素邊框的粗細。如果取消選擇[全部相同]復選框，可設置元素各個邊的邊框寬度。[Col]：設置元素邊框的

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

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