網(wǎng)頁(yè)模版，個(gè)人網(wǎng)站建設(shè)入門(mén)知識(shí)

好了現(xiàn)在我們插入了第一張切圖，在DW里F12預(yù)覽看看。。。

臥槽，這什么鬼，為毛和其他的區(qū)域重疊了，為毛我縮小瀏覽器的時(shí)候出現(xiàn)了這么無(wú)節(jié)操的情況。

嘿嘿，原因我們先不深究，這里主要是想讓大家了解一下這樣是不行滴。

我們得用第二種插入圖片的方法-在CSS中作為背景插入?？偸遣迦氩迦胧裁吹奈叶加悬c(diǎn)臉紅了呢，哎臥槽，我為什么要臉紅？？？

額，說(shuō)CSS，首先回顧下上次的代碼，額好吧上面回顧過(guò)了。

之前我們給每個(gè)DIV都加了同一個(gè)名字叫做box并且賦予了這個(gè)名字一些屬性，呵呵呵我咋想起游戲里的稱號(hào)了呢，帶屬性的名字，艾瑪這個(gè)解釋好。那接下來(lái)首先呢咱們得給box這個(gè)名字再加一個(gè)屬性，至于為神馬，嘿嘿，高級(jí)篇中自有妙用。

這個(gè)意思就是包住并且別蓋住，懂不懂不，包住，但是里面那事兒變大了你也得跟著變大，不能蓋住人家。

啊，不能亂想，繼續(xù)寫(xiě)代碼。

好了，現(xiàn)在我們要給每一個(gè)DIV賦予它們自己獨(dú)特的名字了

按照DIV的名字或者按照序號(hào)什么的，寫(xiě)出這幾個(gè)新的屬性，我的是9個(gè)分區(qū)，就寫(xiě)了9個(gè)名字并給它們寫(xiě)上屬性，這里為了簡(jiǎn)單就用bg1這樣的形式寫(xiě)了，如果是工作中的項(xiàng)目的話肯定不能這樣寫(xiě)的，要代碼語(yǔ)義化，具體的知識(shí)等開(kāi)支線劇情來(lái)講吧。

這里屬性的意思大家應(yīng)該大致明白，首先是背景：圖片地址 水平對(duì)齊 垂直對(duì)齊，然后是寬度百分百，高度要跟著當(dāng)前插入的圖片走，因?yàn)槭潜尘皥D片，DIV也就是容器本身是不會(huì)因?yàn)楸尘皥D片而自適應(yīng)的。

然后把這些榮耀的名字賜予每一個(gè)DIV吧

看到?jīng)]有看到?jīng)]有，比游戲還diao，每個(gè)角色可以佩戴多個(gè)稱號(hào)，只要中間用空格分開(kāi)就行，太淫蕩了有木有，太不要臉了有木有。

好嘞，現(xiàn)在我們?cè)賮?lái)F12一下，當(dāng)然你在之前預(yù)覽的頁(yè)面刷新也行。

粗來(lái)了粗來(lái)了，網(wǎng)頁(yè)粗來(lái)了，噢也。

額，有些奇怪的東西在，哈哈，是我們上節(jié)課加的邊框，還有每個(gè)區(qū)域的名字。把這些東東刪掉再看，喔，醉了，這是我第一個(gè)網(wǎng)頁(yè)，就好比月球上那個(gè)小腳印一樣，意義非凡啊。

讓我們?cè)倏匆幌氯康拇a吧

是不是特有成就感，是不是感覺(jué)到了春天~~~

嘛，孩子，這只是低級(jí)功法而已，表太激動(dòng)，實(shí)際上真正的網(wǎng)頁(yè)要比這個(gè)復(fù)雜很多倍，哦呵呵呵呵，表怪我打擊你，太容易滿足容易被江湖淘汰喲~~~

好了，今天的篇幅到這里就先結(jié)束了，親們表太想我喲哦呵呵呵~~~哎哎別打~~~說(shuō)正事說(shuō)正事

下一篇該講高級(jí)功法篇了，糾結(jié)啊，內(nèi)容要比這個(gè)多的多的多，咋辦捏，是分為多篇來(lái)講還是直接整一個(gè)視頻教程捏，小伙伴們想看啥樣的，來(lái)發(fā)表下看法唄。

期待影迷們的回復(fù)喲~