css框架

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>netctoss</title>

<meta http-equiv = "content-type" content="text/html;charset=utf-8"/><!--设置编码集  同时注意设置的编码集方式要和保存时方式相同  save as -->


<!--引用外部样式表-->

<link type="text/css" rel="stylesheet" href="demo.css"/>

<style>

</style>

</head>

<body>

<div id="header"></div>

<div id="navi"></div>

<div id="main" >

<div id="opera"></div>

<div id="data" ></div>

<div id="pages"></div>

</div>

<div id="footer"></div>

</body>


</html>





body{

margin:0px;padding:0px;

}

div{

border:1.8px solid black;/*像素可以是小数*/

margin:0px auto;

}

#header,#footer{width:960px;}

#header{

height:61px;

}

#navi{

width:100%;

height:91px;

}

#main{

width:950px;

height:410px;

border:5px solid #8ac1db;

}

#footer{

height:50px;

}

#data,#opera,#pages{width:910px;}

#data{height:340px;}

#opera{height:30px;}

#pages{height:28px;}


你可能感兴趣的:(css)