divcss布局模板代码,div css页面布局 模板
谁有DIV+CSS常用的网页布局代码
你电脑上安装dreamweaver cs4了吗?你新建一个html文档的时候,会有一个使用模板.上面都是很经典的模板,比别人写的要经典很多!
怎么在html网页中用div+css模板代码
把完整的div
css
代码拷贝到body/body中间就可以，如果有样式用的是外定义，那么在head/head.中添加style/style在定义的内容放到style标签中，就可以了
怎样用div 框架布局
首先我们可以分析出我们DIV CSS布局重构此页面结构框架，我们可以看出是 上、中、下结构，其中又包括了左右结构。
由此我们就要写此页面CSS和html时候就先从上到下 从外到内原则写css与html。
我们首先建一个web的文件夹并在此文件夹里新建html页面命名为index.html ，css文件命名为index.css。这里有个诀窍就是可以导入模板方式来建css与html初始页面，然后将css文件引用到html，也就是我在模板里介绍的css模板，再在CSS模板的基础上再写再添加css。
以下是index.html 的html代码：
以下为引用的内容：!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "" html xmlns="" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titlecss布局案例实验页面-;/title link href="index.css" rel="stylesheet" type="text/css" / /head body div id="header"我是头部（上）/div div id="centers" div class="c_left"我是中的左/div div class="c_right"我是中的右/div div class="clear" /div /div div id="footer"我是底部（下）/div /body /html
index .css的CSS代码如下：
以下为引用的内容：body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family: inherit;} ol, ul ,li{list-style: none;} img {border: 0;} body {color:#000;background:#FFF; text-align: center; font: 12px/1.5 Arial, Helvetica, sans-serif;} .clearfix:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;} .clear{clear:both;height:1px; margin-top:-1px; width:100%;} .dis{display:block;} .undis{display:none;} /*此上面代码是初始CSS模板，下面是新写CSS布局框架代码*/ #header ,#centers ,#footer{ width:100%; margin:0 auto; clear:both;font-size:18px; line-height:68px; font-weight:bold;} #header{ height:68px; border:1px solid #CCCCCC; } #centers{ padding:8px 0;} #footer{ border-top:1px solid #CCCCCC; background:#F2F2F2;} #centers .c_left{ float:left; width:230px; border:1px solid #00CC66; background:#F7F7F7; margin-right:5px; } #centers .c_right{ float:left; width:500px;border:1px solid #00CC66; background:#F7F7F7}
你可以考出此两段代码新建个试试，我们就布局出以上美工页面CSS和html框架，然后根据各内容继续添加CSS与html源代码。