|
|
|
| 點(diǎn)明一下div+css過(guò)程中的幾個(gè)誤區(qū) |
|
首先介紹一下，我們正常所看到的網(wǎng)站基本都由div+css來(lái)制作，偶爾會(huì)結(jié)合table。那么div+css說(shuō)難也不難，但對(duì)于初學(xué)者來(lái)說(shuō)，是個(gè)費(fèi)時(shí)間學(xué)習(xí)的課程，他需要大的耐心去閱讀學(xué)習(xí)里面一些常見(jiàn)的代碼，并且熟練運(yùn)用。那么，有些小誤區(qū)，我在這里簡(jiǎn)單說(shuō)一下。
一開(kāi)始我們要知道打開(kāi)一個(gè)網(wǎng)頁(yè)，他是一個(gè)整體body，可分為頭、中、尾三個(gè)部分，如果我們用到table來(lái)切圖的話，會(huì)先插入一個(gè)大表格，然后在里面分別插入頭中尾三個(gè)表格，隨后再一個(gè)個(gè)插入小表格完成網(wǎng)頁(yè)。
那我們用到div+css的時(shí)候新手就會(huì)有一個(gè)誤區(qū)，打開(kāi)dreamweaver后，會(huì)新建一個(gè)大的div，隨后在里面插入頭中尾三個(gè)div，然后再布置內(nèi)部，這是個(gè)錯(cuò)誤的布局方式，雖然不會(huì)有問(wèn)題展現(xiàn)在網(wǎng)頁(yè)中，但是這會(huì)讓人看扁你，覺(jué)得一個(gè)做div的人連起碼的布局方式都不懂。
所以我在這里說(shuō)一下，當(dāng)我們用div+css布局的時(shí)候，應(yīng)該直接一個(gè)個(gè)插入頭、中、尾三個(gè)div，然后在里面進(jìn)行細(xì)節(jié)布置，而不需要在外面套一個(gè)大div，會(huì)顯得很不規(guī)范。
第二個(gè)誤區(qū)就是我們?cè)趯W(xué)習(xí)div+css過(guò)程中，會(huì)發(fā)現(xiàn)很多時(shí)候有些代碼會(huì)顯得多余。比如：我們經(jīng)常用的框架標(biāo)題，大部分會(huì)寫(xiě)成"div 類="標(biāo)題"，也有p或a或strong。我們會(huì)看到這三種寫(xiě)法當(dāng)中都會(huì)有a出現(xiàn)，那我們是否可以用a 類等于"標(biāo)題"來(lái)解決繁瑣的代碼呢，這樣做會(huì)破壞結(jié)構(gòu)嗎，換一種想法，你會(huì)有不同的收獲。
在這里點(diǎn)名的div+css過(guò)程中的誤區(qū)，是經(jīng)典也是提問(wèn)度高的，更多的方法還需要你自己繼續(xù)探究，祝你成為一個(gè)div+css高手！ |
|
 |
|
