中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

DIV+CSS的基本結(jié)構(gòu)是怎么樣的

2013-06-04    分類: 網(wǎng)站建設(shè)

在網(wǎng)頁制作時(shí)采用層疊樣式表技術(shù),可以有效地對(duì)頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。 只要對(duì)相應(yīng)的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數(shù)不同的網(wǎng)頁的外觀和格式。

div+CSS的基本結(jié)構(gòu):

1、新建一個(gè)html文件,命名為test.html,用于講解div+css布局的基本流程。

2、在test.html文件內(nèi),對(duì)body進(jìn)行樣式初始化,設(shè)置32313133353236313431303231363533e59b9ee7ad9431333431373932外邊距margin為0,內(nèi)邊距padding為0,同時(shí)使用text-align設(shè)置文字居中。

3、在test.html文件內(nèi),為了講解方便,設(shè)置所有的div高度為200px,內(nèi)容的顏色為紅色。

4、在test.html文件內(nèi),使用div創(chuàng)建網(wǎng)頁的頭部,使用margin:0 auto設(shè)置div居中,同時(shí)設(shè)置其寬度為800px,背景顏色為灰色。

5、在test.html文件內(nèi),使用div創(chuàng)建網(wǎng)頁的中部,使用margin:0 auto設(shè)置div居中,同時(shí)設(shè)置其寬度為800px。

6、在test.html文件內(nèi),在網(wǎng)頁的中部,創(chuàng)建兩個(gè)div,用于將中部為兩部分,每一個(gè)部分寬度為50%,左部分使用float:left設(shè)置左浮動(dòng),右部分使用float:right設(shè)置右浮動(dòng)。

7、在test.html文件內(nèi),使用div創(chuàng)建網(wǎng)頁的底部,使用clear:both清除上面div的浮動(dòng),避免影響底部的布局。同時(shí),使用margin:0 auto設(shè)置div居中,同時(shí)設(shè)置其寬度為800px,背景顏色為#000fff。

8、在瀏覽器打開test.html文件,查看實(shí)現(xiàn)的效果,這樣問題就解決了。


網(wǎng)站題目:DIV+CSS的基本結(jié)構(gòu)是怎么樣的
文章地址:http://m.rwnh.cn/news/875.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、域名注冊(cè)、網(wǎng)頁設(shè)計(jì)公司網(wǎng)站排名、商城網(wǎng)站、網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司

網(wǎng)站建設(shè)知識(shí)

大庆市| 原平市| 中方县| 建瓯市| 六枝特区| 永宁县| 治多县| 岱山县| 平度市| 射阳县| 淮阳县| 邳州市| 长泰县| 屏南县| 龙南县| 南开区| 西平县| 巴林右旗| 广宁县| 天水市| 溆浦县| 鄯善县| 临桂县| 龙海市| 淅川县| 静海县| 麦盖提县| 玛沁县| 灵川县| 荥阳市| 探索| 阜新| 米林县| 林西县| 吴桥县| 刚察县| 桐庐县| 永吉县| 通许县| 诸暨市| 康乐县|