亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

DIV+CSS通用樣式布局實例代碼

2024-07-11 08:26:01
字體：大 中 小
來源：轉載
供稿：網友
一下是一個非常簡單易懂的通用樣式布局，希望對于剛開始接觸DIV+CSS的同學有幫助。先看效果圖：


我們可以看出通常的頁面布局有以下幾個部分：頭部、內容、底部，其中內容有左側主顯區和右側邊欄。下面貼出代碼：

復制代碼
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>DIV+CSS practice</title>
<link href="css/common.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<!-- 頭部 -->
<div id="head">
</div>
<!--END 頭部 -->
<!-- 主容器 -->
<div id="container">
<!-- 左側主顯區 -->
<div id="content">
</div>
<!-- END 左側主顯區 -->
<!-- 右側邊欄 -->
<div id="side">
</div>
<!-- END 右側邊欄 -->
</div>
<!-- END 主容器 -->
<div class="clear"></div>
<!-- 底部 -->
<div id="foot">
</div>
<!-- END 底部 -->
</body>
</html>
common.css樣式文件：
*{
margin:0;
padding:0;
}
body{
background-color:gray;
}
.clear{
clear:both;
}
/*head*/
#head{
background-color:blue;
height:150px;
}
/*container*/
#container{
background-color:red;
width:960px;
height:800px;
margin:20px auto;
}
/*content*/
#content{
background-color:yellow;
float:left;
width:685px;
height:100%;
}
/*side*/
#side{
background-color:green;
float:right;
width:255px;
height:100%;
}
/*foot*/
#foot{
background-color:white;
height:150px;
width:960px;
margin:20px auto;
}

大致布局很簡單了，首先要有這個大局觀，然后再完善其中的細節，學習PHP或者其他語言同樣如此，首先要有一個思想，知道每一步做什么，怎么做，這樣才能把知識靈活運用。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲女人被黑人巨大进入| 91社区国产高清| 中文字幕亚洲欧美日韩高清| 国产精品福利网站| 亚洲欧洲午夜一线一品| 午夜精品一区二区三区在线| 日韩精品视频在线观看免费| 亚洲一区二区三区777| 欧美性理论片在线观看片免费| 国产日韩欧美日韩大片| 久久久av网站| 亚洲综合视频1区| 亚洲丁香婷深爱综合| 国产成人福利夜色影视| 日韩成人av在线| 国产综合在线视频| 日韩在线中文字| 国产一区二区久久精品| 国产精品丝袜白浆摸在线| 国产成人综合精品| 国产一区av在线| 欧美大学生性色视频| 一区二区日韩精品| 国内外成人免费激情在线视频| 一区二区三区四区精品| 亚洲男人第一网站| 国产精品福利在线观看| 国产成+人+综合+亚洲欧洲| 久久精品国产亚洲7777| 久久成人精品电影| 91亚洲永久免费精品| 欧美激情在线有限公司| 日韩免费在线视频| 亚洲国产精品字幕| 日本一区二区三区在线播放| 国产精品视频不卡| 国产精品免费久久久久久| 国产精品∨欧美精品v日韩精品| 日本最新高清不卡中文字幕| 国产精品亚洲美女av网站| 国产精品吊钟奶在线| 成人亚洲综合色就1024| 色综合久久精品亚洲国产| 日韩在线一区二区三区免费视频| 欧美日韩免费在线| 日韩一区av在线| 欧美大奶子在线| 国产性猛交xxxx免费看久久| 色中色综合影院手机版在线观看| 欧美福利视频在线观看| 国产精品av在线| 亚洲最大av在线| 国产午夜精品全部视频播放| 日韩在线免费av| 亚洲人a成www在线影院| 日韩国产欧美精品一区二区三区| 久久久久五月天| 久久久www成人免费精品| 亚洲国内精品视频| 高清一区二区三区日本久| 亚洲精品综合久久中文字幕| 久久人人97超碰精品888| 亚洲精品视频免费| 欧美性xxxxxx| 欧美不卡视频一区发布| 77777少妇光屁股久久一区| 日韩欧美中文字幕在线播放| 精品国内产的精品视频在线观看| 26uuu亚洲伊人春色| 欧美老少配视频| 麻豆精品精华液| 日韩免费在线免费观看| 亚洲一级免费视频| 美乳少妇欧美精品| 日韩成人黄色av| 欲色天天网综合久久| 久久精品中文字幕| 2019亚洲日韩新视频| 亚洲直播在线一区| 日韩综合中文字幕| 久久国产精品影视| 伊人一区二区三区久久精品| 成人性生交大片免费观看嘿嘿视频| 国产视频久久网| 久色乳综合思思在线视频| 欧美成人精品xxx| 欧美性猛交xxxx| 国产精品一区=区| 欧美视频国产精品| 97超碰色婷婷| 国产成人精品一区二区| 精品女同一区二区三区在线播放| 国产成人精品电影久久久| 国产精品福利在线观看网址| 日韩中文字幕国产精品| 精品福利视频导航| 欧美日韩国产成人| 视频直播国产精品| 爽爽爽爽爽爽爽成人免费观看| 国产视频在线观看一区二区| 久久久免费观看视频| 高清视频欧美一级| 日韩av片永久免费网站| 136fldh精品导航福利| 91夜夜揉人人捏人人添红杏| 成人免费视频在线观看超级碰| 中文字幕免费精品一区| 色狠狠久久aa北条麻妃| 国产精品18久久久久久麻辣| 红桃av永久久久| 亚洲天堂成人在线| 国产99久久精品一区二区 夜夜躁日日躁| 国产精品久久久一区| 久久国产视频网站| 欧美日韩一区二区三区在线免费观看| 欧美视频二区36p| 日韩经典中文字幕在线观看| 欧美丰满少妇xxxxx| 在线日韩第一页| 亚洲性猛交xxxxwww| 热门国产精品亚洲第一区在线| 国产亚洲日本欧美韩国| 欧美激情久久久久久| 宅男66日本亚洲欧美视频| 久久成人精品电影| 欧美日韩国产999| 55夜色66夜色国产精品视频| 亚洲成年人在线播放| 久久免费精品日本久久中文字幕| 午夜精品久久久久久久99黑人| 国产精品日本精品| 久久久噜噜噜久久| 人人做人人澡人人爽欧美| 国产精品丝袜久久久久久高清| 久久久精品久久| 亚洲国产日韩一区| 欧美成年人视频网站欧美| 国产精品一区二区三区久久久| 久久天堂av综合合色| 欧美极品少妇xxxxⅹ喷水| 国外成人在线直播| 亚洲美女性生活视频| 最近中文字幕2019免费| 7777kkkk成人观看| 亚洲国产成人在线播放| 欧美丰满少妇xxxx| 亚洲天堂免费在线| 精品国产一区二区三区在线观看| 亚洲精品福利视频| 国产日韩欧美自拍| 欧美肥臀大乳一区二区免费视频| 日韩精品免费看| 日韩精品在线视频观看| 欧美成人小视频| 久久久久久久久久国产精品| 欧美亚洲日本黄色| 国产欧美韩国高清| 久久综合网hezyo| 亚洲区在线播放| 日韩av免费在线看| 久久久久99精品久久久久| 国产最新精品视频| 亚洲欧美日韩国产成人| 久久激情视频免费观看|