? ? ? 接觸html/css已經有一段時間，看完了《零基礎學HTML+CSS》和《CSS網站布局實錄》兩本書之后對網頁設計有了一定的概念。但紙上得來終覺淺，絕知此事要躬行，于是問同學要了其中一個簡單的教學類網站來練手。一共27個頁面，大致都是頁頂logo+橫幅banner+橫幅nav+正文content+底部foot的結構，真正壓縮一下大概只算十幾個頁面量而已。

? ? ?經過10天左右的自寫、百度、詢問及參考源代碼，終于寫完了，對于部分標簽的實際運用也得到了很好的鍛煉。成型后的頁面大致跟原頁面差不多，但還有很多需要改進的地方。經我總結有如下幾點：

? ? 1.背景圖片的引用不熟練，對于引用位置background-position后面的位置總要試很久才放到正確位置；

? ? 2.各個包含層及相鄰層的padding和margin運用不熟練，要試多次才能正確；

? ? 3.每次有div或者li浮動之后，用一個clear的div來清除之后有時這個div會莫名其妙的有19px的高度，無法消除；

? ? 4.簡單的js效果還是不會的，比如同一個地方若干張圖片輪顯，又或者是左右兩個按鈕點一下就左右浮動圖片；

? ? 5.什么地方用該用什么標簽最妥當。我覺得這應該是最難的，前期先能寫出效果來，后期再做優化吧。

這些都是后面要解決的問題，我會慢慢一一解決 。然后我第二個練手網站又開始了，目測更復雜，用了2天才寫完首頁。希望在接下來的時間里更加效率，更加優化。然后早日找到工作，加油O(∩_∩)O~！

轉載于:https://www.cnblogs.com/zichun/p/3684057.html

總結

以上是生活随笔為你收集整理的自写网站入门阶段之一：熟悉各种标签的运用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。