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

? ? ?經(jīng)過(guò)10天左右的自寫、百度、詢問(wèn)及參考源代碼，終于寫完了，對(duì)于部分標(biāo)簽的實(shí)際運(yùn)用也得到了很好的鍛煉。成型后的頁(yè)面大致跟原頁(yè)面差不多，但還有很多需要改進(jìn)的地方。經(jīng)我總結(jié)有如下幾點(diǎn)：

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

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

? ? 3.每次有div或者li浮動(dòng)之后，用一個(gè)clear的div來(lái)清除之后有時(shí)這個(gè)div會(huì)莫名其妙的有19px的高度，無(wú)法消除；

? ? 4.簡(jiǎn)單的js效果還是不會(huì)的，比如同一個(gè)地方若干張圖片輪顯，又或者是左右兩個(gè)按鈕點(diǎn)一下就左右浮動(dòng)圖片；

? ? 5.什么地方用該用什么標(biāo)簽最妥當(dāng)。我覺得這應(yīng)該是最難的，前期先能寫出效果來(lái)，后期再做優(yōu)化吧。

這些都是后面要解決的問(wèn)題，我會(huì)慢慢一一解決 。然后我第二個(gè)練手網(wǎng)站又開始了，目測(cè)更復(fù)雜，用了2天才寫完首頁(yè)。希望在接下來(lái)的時(shí)間里更加效率，更加優(yōu)化。然后早日找到工作，加油O(∩_∩)O~！

轉(zhuǎn)載于:https://www.cnblogs.com/zichun/p/3684057.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。