1. 程式人生 > >0331-智還王項目整理

0331-智還王項目整理

背景圖片 ext 高度 size 練習 工作 效果 圖片 pos

一、問題記錄

1、背景圖片比div寬度高度大的時候可以設置size為100%;

2、父級元素沒有邊框的時候給第一個子元素設置margin-top會帶著父元素一起變動。
解決辦法:1、設置margin-top後使用overflow:hidden :因此超出部分
  2、根據情況給子元素設置合適的高度,內容設置bottom(比如背景圖片)

3、過濾器??*設置了字體顏色 之後給其他div修改字體顏色沒有問題,但是給底部設置的時候被過濾了
解決辦法:根據情況,給相對最外層的div設置字體顏色

4、導航點擊後改變導航樣式:找元素的時候要找僅控制要改變的元素樣式的class
尤其註意:控制樣式的class是要變化的,不可以根據本身來選取元素

5、輸入框頂格不好看:設置text-indent屬性。或者直接設置padding;

二、總結

  首先做這個項目使我對布局的方法、樣式的調試和js都有了更深一層的認識和把握,另外在平時的練習中可能還沒有覺得格式和註釋多麽重要,現在代碼稍微一多,格式和註釋的好處就顯而易見了,一定要從開始就養成好的習慣。

  在做這個項目的過程中也總結了一些想法,我覺得不管是html還是css,尤其是js,邏輯都很關鍵,把想法理順了,寫的時候再註意一些註意事項就會輕松很多,也會更容易發現問題所在和解決掉問題;我會嘗試把自己當做電腦去讀自己寫的代碼,在這個過程中會更加理解自己在做什麽,而達到了自己理想中的效果的時候會很有成就感。

  最後,說一下不足,這個項目讓我看到了很多自己需要改進的地方,比如自己過於拘泥,很少會產生新奇的想法、遇到問題的時候會花費大量的時候悶頭解決而不是跟同學們交流、太執著於小問題的解決導致整個工作計劃不夠靈活等...希望下次可以做的更好。

0331-智還王項目整理