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

DIV+CSS的基本結構是怎么樣的

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

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

div+CSS的基本結構:

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

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

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

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

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

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

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

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


網(wǎng)站名稱:DIV+CSS的基本結構是怎么樣的
文章分享:http://m.rwnh.cn/news25/875.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供面包屑導航App開發(fā)、網(wǎng)站導航、全網(wǎng)營銷推廣、網(wǎng)站建設、網(wǎng)站收錄

廣告

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

成都seo排名網(wǎng)站優(yōu)化
贡嘎县| 青岛市| 沾化县| 镶黄旗| 旬邑县| 荔波县| 和林格尔县| 新乐市| 石景山区| 新邵县| 中超| 许昌市| 涟水县| 芜湖县| 湾仔区| 松江区| 綦江县| 合川市| 萨迦县| 苏州市| 会同县| 云梦县| 南部县| 曲麻莱县| 万源市| 郎溪县| 建宁县| 宁德市| 保德县| 盐源县| 永和县| 沁阳市| 许昌县| 保靖县| 泸溪县| 揭西县| 罗山县| 景谷| 马公市| 通河县| 阿城市|