Dreamweaver初級(jí)教程：居中去縫div樣式調(diào)整細(xì)節(jié)

如今，網(wǎng)頁(yè)制作和建站已經(jīng)成為人人需要掌握的技能。小編獲得了不少需求，之前分享了PS的入門(mén)教程，現(xiàn)在想分享一下Dreamweaver（DW）的入門(mén)教程。從今天開(kāi)始，我會(huì)花一些時(shí)間為大家?guī)?lái)DW的基礎(chǔ)教程

如今，網(wǎng)頁(yè)制作和建站已經(jīng)成為人人需要掌握的技能。小編獲得了不少需求，之前分享了PS的入門(mén)教程，現(xiàn)在想分享一下Dreamweaver（DW）的入門(mén)教程。從今天開(kāi)始，我會(huì)花一些時(shí)間為大家?guī)?lái)DW的基礎(chǔ)教程。只要堅(jiān)持學(xué)習(xí)，你也可以成為一名大神。

div樣式設(shè)定及與網(wǎng)頁(yè)鏈接的方法

在上一節(jié)課中，我們討論了如何設(shè)置div的樣式，以及與網(wǎng)站中各個(gè)網(wǎng)頁(yè)鏈接的方法。然而，當(dāng)我們建立了正式的div框架結(jié)構(gòu)后，如何調(diào)整一些參數(shù)呢？讓我們今天深入討論這些細(xì)節(jié)。

代碼實(shí)現(xiàn)示例

讓我們看一個(gè)代碼示例：contain{width:968px;height:800px;background-color:999;margin-left:auto;margin-right:auto}。這段代碼的效果是什么？記住這些代碼非常重要。

去除頂端和底端間隙

盡管我們已經(jīng)將div居中了，你可能會(huì)發(fā)現(xiàn)頂部和底部仍然有一些間隙。那么，該如何去除這些間隙呢？

實(shí)現(xiàn)代碼去除間隙

通過(guò)添加以下代碼在CSS中：*{margin:auto}，我們就可以去除這些間隙。接下來(lái)，讓我們預(yù)覽一下效果：間隙已經(jīng)消失了。在日常的網(wǎng)頁(yè)制作中，幾乎每個(gè)小站都會(huì)采用這種建立方式。

接下來(lái)的學(xué)習(xí)內(nèi)容

在下一節(jié)課中，我們將討論如何定義頭部、底部和主題。如果你對(duì)學(xué)習(xí)感興趣，請(qǐng)繼續(xù)關(guān)注哦。希望這些DW的基礎(chǔ)教程能夠幫助你更好地理解網(wǎng)頁(yè)制作和設(shè)計(jì)。