作為初學者,對div+css的學習熱情不減,在我學習一個多星期後,為了練手,拿最簡單的百度首頁作為我的最初作品。
百度首頁可以分為上中下結構,上(右上角+LOGO)中(兩個列表、搜索框、)下(3個列表)這樣簡單的頁面給初學者拿來練手是非常不錯。
我遇到的問題是:
1、中的第一個列表頁:如果設置字符間距,下劃線就會往後延伸我設置的字符間距。這個問題,朋友說百度是直接在文字間加空格。
2、右上角的下劃線:我覺得用圖片寫太麻煩,朋友說直接在兩個
標簽中加入即可。
3、百度一下這個框裡面的漸變,只有用火狐打開才有,其他浏覽器則不行。實際上這是兼容性的問題,我寫這段漸變的代碼只是針對火狐浏覽器寫的。
4、最後做好後,有朋友指出,我的搜索框沒有寫對,只寫出了外觀效果,不能達到實際效果,應該使用input語句來寫,實在學藝不精,就像小鳥學做巢,我應該是最先跑的那只鳥吧,以後再遇到,我一定好好的學習input語句的使用。
(