核心提示：css之页面布局的w3c盒子模型，基本的盒子模型width hight border padding margin!DOCTYPE htmlhtmlheadmeta charset=UTF-8titl...
css之页面布局的w3c盒子模型，基本的盒子模型
width hight border padding margin
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>盒子模型</title>
<style>
.box{
width:200px;
height: 200px;
border: 5px solid green;
padding: 10px ;
margin: 20px;
}
</style>
</head>
<body>
<p class="box">
这是内容<br />
这是内容<br/>
这是内容<br/>
</p>
</body>
</html>
解决ＩＥ和非ＩＥ浏览器兼容的问题 !important关键字
ie浏览器的内填充和边框是指定的宽度和高度从里面减去
非ie浏览器的内填充和边框是按照标准的w3c标准从外面添加内填充和边框
