資源描述：
《div+css標(biāo)簽說(shuō)明大全》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、DIVCSS一．為什么現(xiàn)在網(wǎng)站不使用table布局，而使用div,css?A.比TABLE排版更簡(jiǎn)潔明了,更改更加簡(jiǎn)單了.在CSS中更改就可以了B.速度更快了,現(xiàn)在對(duì)比來(lái)講效率更加快速的顯示網(wǎng)站內(nèi)容.C.隨著IE的升級(jí),越來(lái)越支持CSS高版本D.搜索引擎親和力：搜索引擎不會(huì)在意一個(gè)頁(yè)面的設(shè)計(jì)或者構(gòu)成。搜索引擎不可能“欣賞”設(shè)計(jì)漂亮新穎的頁(yè)面；也不會(huì)去“排斥”顏色搭配丑陋的頁(yè)面。它們只是默默地拿到它們需要的內(nèi)容就離開。如果一個(gè)頁(yè)面中涵蓋了大量的table來(lái)描述構(gòu)架，試想搜索引擎要花多大的代價(jià)才可以拿到真正有用的信息呢？憑我自己的經(jīng)驗(yàn)，一般來(lái)說(shuō)，t
2、able構(gòu)架描述的頁(yè)面，樣式結(jié)構(gòu)和內(nèi)容信息大小比可能達(dá)到1：1甚至更高。而CSS+DIV構(gòu)架的頁(yè)面，雖然在客戶端看來(lái)下載一個(gè)復(fù)雜的CSS也要占用差不多的帶寬，然而搜索引擎可以很方便的繞過(guò)這個(gè)css，而直接抓去div中的內(nèi)容。這便是div的優(yōu)勢(shì)所在。帶寬的稍多占用，完全顯得微不足道，更何況一個(gè)冗余的table設(shè)計(jì)架構(gòu)如果代碼寫的不好會(huì)占用更多的帶寬。E.重構(gòu)頁(yè)面的方便性這個(gè)應(yīng)用最經(jīng)典的例子就是各大blog程序了。就如現(xiàn)在我用的LBS系統(tǒng)，以及流行的PJBLOG、php下面的WP、MT，都是采用div+css構(gòu)架。內(nèi)容和樣式的分離導(dǎo)致我們?cè)谥貥?gòu)頁(yè)面
3、布局（更換皮膚）的時(shí)候，只用針對(duì)每一個(gè)div元素重新定義其具體位置、樣式就行了。而在原來(lái)的table基礎(chǔ)上進(jìn)行改版,幾乎必須改變所有的內(nèi)容注入渠道,實(shí)在是太過(guò)于麻煩.關(guān)于韓國(guó)風(fēng)格網(wǎng)站難用div描述的問(wèn)題，我個(gè)人認(rèn)為在web2.0的大軍沖擊下，韓國(guó)的花哨流派很快會(huì)被簡(jiǎn)約派所代替。如果確實(shí)是優(yōu)秀的設(shè)計(jì)，我個(gè)人認(rèn)為用Flash來(lái)完成更好！二．Css的引用方式1.CSS的內(nèi)部引用，內(nèi)部引用在代碼很多的時(shí)候不便于日后修改2.style標(biāo)簽應(yīng)該在head標(biāo)簽內(nèi)部3.CSS的外部引用A.link例如：4、css’>B.@import)例如：；建議：Link標(biāo)簽代替@imort標(biāo)簽?zāi)軒?lái)性能上的收益；@import規(guī)則有可能導(dǎo)致白屏現(xiàn)象；使用@import會(huì)導(dǎo)致組件下載的無(wú)序性?！比瓹ss常用屬性CSS常用屬性：字體屬性：(font)大小font-size:x-large;(特大)xx-small;(極小)一般中文用不到，只要用數(shù)值就可以，單位：PX、PD樣式font-style:oblique;(偏斜體)i
5、talic;(斜體)normal;(正常)sdgfasdf
height:20px;行高line-height:normal;(正常)單位：PX、PD、EM粗細(xì)font-weight:bold;(粗體)lighter;(細(xì)體)normal;(正常)變體font-variant:small-caps;(小型大寫字母)normal;(正常)大小寫text-transform:capitalize;(首字母大寫)uppercase;(大寫)lowercase
6、;(小寫)none;(無(wú))修飾text-decoration:underline;(下劃線)overline;(上劃線)line-through;(刪除線)blink;(閃爍)常用字體：(font-family)"CourierNew",Courier,monospace,"TimesNewRoman",Times,serif,Arial,Helvetica,sans-serif,Verdana背景屬性：(background)色彩background-color:#FFFFFF;圖片background-image:url();重復(fù)backg
7、round-repeat:no-repeat;滾動(dòng)background-attachment:fixed;(固定)scroll;(滾動(dòng))位置background-position:left(水平)top(垂直);簡(jiǎn)寫方法background:#000url(..)repeatfixedlefttop;區(qū)塊屬性：(Block)Display:block;字間距l(xiāng)etter-spacing:normal;數(shù)值對(duì)劉text-align:justify;(兩端對(duì)齊)left;(左對(duì)齊)right;(右對(duì)齊)center;(居中)縮進(jìn)text-inden
8、t:數(shù)值px;垂直對(duì)齊vertical-align:baseline;(基線)sub;(下標(biāo))super;(下標(biāo))top;text-top;middl
