HTML專案總結

一些存在的可以改進的地方：

達到乙個效果不必要墨守成規，比如：

這個效果，我的實現方式是：

乙個大div裡面，先放乙個，左浮動，然後放乙個首頁div，相對定位放到背景的白色區域的適當位置，右邊導航欄的做法我的是使用無序列表，然後全部li左浮動，將列表調margin屬性到適當位置，中間的三個|我將它認定是li的邊框右。然後就需要設定最後乙個li沒有右邊框。

同學的做法是：

乙個大div裡面的是乙個無序列表，無序列表的子元素分別是開心網、首頁、右側的導航欄。當然導航欄也使用的是無序列表，就是乙個巢狀的過程。導航欄中的li選項有8個，3個是|，|就不使用a鏈結包裹，然後調位置搞定。

我的感覺：不能有思維定勢，比如導航欄的白色不一定是li的某個邊框，布局方式也不能被侷限住，使用屬於你的布局方式，越簡單越好。

調控件的位置，就是表示的時候居中顯示，不止是可以通過調整該控制項的margin屬性通過與父容器的距離定位，也可以通過調整控制項的填充來達到控制項內容的居中。當然，對padding的調整如果沒有首先固定容器寬高可能會改變容器。

在頁面中的布局盡量簡明扼要，先簡後繁，先抽象後具體。一些id或者name的命名應該做到見明知意，對於一些頁面的內容最好使用後代選擇器，乙個區域乙個區域調整樣式，不對其他地方造成影響

如果受到莫名的影響，找不出所寫**的問題的話，不妨考慮下前面**是否造成了衝突。可以使用瀏覽器的開發者工具查詢對應的控制項然後針對修改。可以使用clear屬性清除上面的div或者其他的位置影響

寫**要仔細，比如我之前乙個li裡面的width設定成了190沒有寫px，前面沒有問題，後面不知道受了什麼影響，瀏覽器無法辨別190的意義width屬性就失效了。

處理問題選擇最簡單的方式:結果是給別人看的，過程自己享受，先達到效果，再考慮拓展或者其他。花最少的時間完成最多的工作才是現在需要的做法。

對於父容器的寬高，不建議在父容器中加入

讓它的父容器自動填充高度，因為這可能影響到其他浮動元素。可以先確定大概高度後面針對內容修改或者後面再修改。

有些首行縮排如果操作物件不是太多的話可以考慮使用空格實現

命名最好使用字母、數字、下劃線的組合，一些特殊字元可能無法識別。

當調整容器的寬度與父容器一致可以使用百分比試試。

與文字的對齊可以使用vertical-align也可以使用浮動來實現。