css之页面布局的w3c盒子模型

来源:互联网 发布:软件设计师下午题型 编辑:程序博客网 时间:2024/05/22 13:08

基本的盒子模型
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>        <div class="box">            这是内容<br />            这是内容<br/>            这是内容<br/>        </div>    </body></html>

解决IE和非IE浏览器兼容的问题 !important关键字
ie浏览器的内填充和边框是指定的宽度和高度从里面减去
非ie浏览器的内填充和边框是按照标准的w3c标准从外面添加内填充和边框

0 0
原创粉丝点击