老师教的盒子模型我具体也不知道到底作用是什么的,总之列出了设计盒子的程序以及一些属性,
网页文件html代码:
<!DOCTYPE HTML>
<link href="文件相对地址或绝对地址" rel="stylesheet" type=“‘text/css">
<title>盒子模型</title>
<meta charset="utf-8">
<div id="王子">
<div id="公主"></div>
</div>
样式(css)代码:
#王子{
width:100px;
height:100px;
border:solid 10px red;
margin:10px 20px 30px 40px;
padding:10px 20px 30px 40px ;
backgroud:blue;
}
#公主{
width:100%;
height:100%;
backgroud:red;
}
}
这个既是盒子模型,上面一个是网页的代码,下面一个是网页的参数,分为两个文件来保存,margin:外边距
padding:内边距
solid:实线
backgroud:背景
OVER