以前在學習CSS+DIV的時候也是一頭霧水,在一個小小的結構問題上可以花了大半天的功夫,現在接觸得多了,其實發現當時只是卡在幾個非常細節的問題上:
第一種情況:火狐下是正常的,IE6下間距錯亂,這種情況,通常應該檢查邊距MARGIN,可以試著到邊距MARGIN換成填充PADDING,這樣通常都可以解決問題,也就是說,我們盡量多的在需要使用邊距MARGIN的用填充PADDING去代替。
第二種情況:FLOAT造成的頁面錯亂,FLOAT是CSS當中最常用到的一個代碼,當一個大框架當中有好幾個小框架FLOAT的時候會倒致大框架失去它的高度,這個時候我們就應該在所以小框架的最后面,加上一個clear:both來清除浮動。
關于網站建設的幾點經驗:
1、素材的收集,平時多瀏覽一些做得好的歐美網站,現在很多人都喜歡去考參一些韓國的酷站,個人覺得歐美網站的用戶體驗遠遠好于韓國酷站,也更符合國情。見到好的素材及時收集起來。網頁設計是經驗的積累,同時也是素材的一個積累。
2、顏色的處理,對顏色有了一定的理解之后,用不超過三種的主色調加淺的過渡色彩(比如很淡的灰色)。這樣的網站,不一定美觀,但一定不難看。
3、留白的處理,初學者和有經驗的設計師最基本的區別就是間距的處理,好的用戶體驗網站,就是一個對留白處理得非常好的例子。
4、網頁的統一性,色彩和框架的統一,大的方面來說,就是整個網站的標題,描述文字、邊框顏色,背景,框架的形狀。小的細節方面就是一個圖標的顏色,一個需要強調的符號都有效果的統一起來。
5、在腦海里畫效果圖,這是一種設計思維,當你可以在效果圖上把首頁,或者是大致的元素都確定之后,就可以嘗試基腦海中想象中其它頁面的效果圖的樣子。這樣便可以節省大量的去把你腦海中的東西畫出來的時間。