1.div的使用

剛開(kāi)始做網(wǎng)頁(yè)時(shí)只是單一的按照默認(rèn)位置排版，沒(méi)有分塊意識(shí)，導(dǎo)致網(wǎng)頁(yè)布局很枯燥也沒(méi)有可觀性，較好的利用div可以解決分塊的問(wèn)題。div自身可以設(shè)置style，也就是說(shuō)可以改動(dòng)位置和背景顏色等，同時(shí)不同于普通圖片的是，div的position能夠滿足更多分塊需求，但也要求注意處理div與div之間的關(guān)系，以防重疊。

2.邊距問(wèn)題

由于接觸到了div以后，需要在其中插入文本或是圖片，所以帶來(lái)了圖片過(guò)大溢出以及位置偏離的問(wèn)題，這就需要用到padding-，margin-，top，bottom來(lái)處理問(wèn)題，具體在什么位置是不斷試操作改出來(lái)的。

以上是一些基本的問(wèn)題

3.偽類

偽類是我們上一節(jié)課所新接觸到的知識(shí)，也是網(wǎng)頁(yè)經(jīng)常用到的CSS樣式，初步體現(xiàn)了一個(gè)網(wǎng)頁(yè)與瀏覽者的交互性。

目前我對(duì)于偽類的具體做法仍不是了解得非常深刻，用法上也是很容易出錯(cuò)，所以我自己整理了一些偽類的用法

：link? 正常的顯示，鼠標(biāo)無(wú)操作

：visited? ? 鼠標(biāo)點(diǎn)過(guò)了以后即訪問(wèn)過(guò)鏈接的樣式

：hover? ? 鼠標(biāo)移入未點(diǎn)擊的樣式

：active? ? 鼠標(biāo)點(diǎn)擊時(shí)的樣式

還有以上應(yīng)當(dāng)按照順序?qū)?/p>

4.矢量圖標(biāo)引入問(wèn)題

對(duì)適量圖標(biāo)理解不夠?qū)е乱灾劣趧傞_(kāi)始以img形式引入最后全部刪掉重來(lái)，矢量圖標(biāo)屬于字體，在作業(yè)中搭配偽類使用，同時(shí)圖標(biāo)也需要進(jìn)行調(diào)整位置以及大小。

應(yīng)當(dāng)先在網(wǎng)站上下載，隨后在html中鏈接到對(duì)應(yīng)css文件，最后在需要位置用i標(biāo)簽引入，然后輸入對(duì)應(yīng)代碼

另，css使用最好用外部樣式表，寫在標(biāo)簽內(nèi)部會(huì)導(dǎo)致代碼較亂，不利于改動(dòng)和理解