現(xiàn)在的網(wǎng)站，內(nèi)容在采集工具的幫助下，實(shí)在是不成問題了，那么什么讓看到網(wǎng)站的人留下那？或者很多人回答漂亮？其實(shí)我個人的感覺是速度。
很多人說，要速度，一定要div＋css，其實(shí)也不全都如此。個人感覺，速度跟很多因素都有關(guān)系，比如全站圖片，代碼優(yōu)化、css太長，也會導(dǎo)致速度很慢。有點(diǎn)跑題了。
平時我寫css代碼，一般來說，一個大站點(diǎn)，我都會寫幾個css來調(diào)用。比如首頁可能會調(diào)用2－3個css。其中有通用部分，也有不通用的部分，這樣會讓css讀取效率提高。本地測試，css文件代碼超過1000行，定義class或者id數(shù)量超過400個的一個css打開載入頁面時間是2－3個css代碼不超過500行的css文件速度的2倍左右。所以，通常我會用幾個css來讓網(wǎng)站調(diào)用。
又跑題了。
下面說下如何讓一個背景圖片全站通用。以yahoo.com為例子（注意，是英文的yahoo，不是中文的）。英文yahoo的編寫代碼不太規(guī)范，但是很多大膽的嘗試都不錯。
仔細(xì)分析他們的代碼，全站背景圖片其實(shí)就是2個，1個是1象素700長的，另外一個是4象素4300長度的。grd-4px.gif跟grd-1px.gif（因?yàn)楦叨忍L，我就不在這里貼出來了）。全站通用一個背景圖片，是提高速度的很大因素。這一個背景，可能是不同的位置不同的顏色樣子，合成的一個但是可以在不同的位置調(diào)用。
以動易來說，如果要仿yahoo的頁面非常容易。通用css可以這樣分類：
1、標(biāo)題背景
2、css表格通用背景
3、內(nèi)容背景
4、站內(nèi)外搜索背景
那么，如何定義呢？使用以下CSS定義即可：
| background-image:url(/Lectures/UploadFiles_3793/200612/20061210101340854.gif); background-repeat:repeat-x; background-position:0 -530px; |
注意最后一個定義，這個是通用一個背景圖片的關(guān)鍵，就是調(diào)用背景圖片的不同位置作為背景……
比如：定義“background-position:0 -530px;”，調(diào)用這個背景圖片530px高度部分作為背景，從最左邊開始鋪墊。
| 附：背景(Backgrounds)的屬性： background-color:#f00; background-image:url(background.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:0 0; 可以縮寫為一句：background:#f00 url(background.gif) no-repeat fixed 0 0; 語法是background:color image repeat attachment position; 您可以省略其中一個或多個屬性值，如果省略，該屬性值將用瀏覽器默認(rèn)值，默認(rèn)值為： color: transparent image: none repeat: repeat attachment: scroll position: 0% 0% |
這就是yahoo頁面上面最與眾不同的地方，縱觀國內(nèi)門戶網(wǎng)站、網(wǎng)易、qq新郎搜狐都沒有如此大膽的嘗試。yahoo的頁面代碼很負(fù)責(zé)，并且通用了一個css，還有部分css定義是放在頁面上面的，不知道是為了防止 css 偷學(xué)還是其他含義。的確，全部分析下來很難，因?yàn)橥粋€.ht的定義，居然分了8個部分才定義完所有屬性。css里面幾部分，頁面里面居然還有……
yahoo跟msn的英文頁面是類似的，msn的英文頁面還好一些，大家也可以分析一下看看。但是yahoo的英文頁面，如果真的學(xué)會了，相信對大家理解css以及div的感覺以及水平，會有很大的提高。
我真的是個新手，接觸divcss 時間才3個月。。接觸動易2個月而已。
－－－－－－－－－－－－－－－－－－－－－－－－－－
簡約、潔凈，似乎是目前門戶站點(diǎn)開始流行的一種頁面風(fēng)格，不同的藍(lán)色鋪墊出來的，yahoo這個頁面，是可以在動易仿制出來的。頁面解析速度滿快。圖片我發(fā)到交流板塊去了，有興趣您可以去看看。
看了很多大家的帖子，常常不知道問題解決答案了就開始問，可是看看問的問題，實(shí)在很難讓別人回答你，不是太難，而是實(shí)在太簡單。這里很多高手相信不是喜歡作普及教師的，因此，很多時候不如常常自學(xué)一下，然后多多搜索一下吧……
每個人都不是笨笨的。分享給大家我學(xué)div css的一些心得，希望對大家有所幫助。
