css之页面布局的w3c盒子模型
2017-03-07 16:41
288 查看
基本的盒子模型
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标准从外面添加内填充和边框
相关文章推荐
- css之页面布局的w3c盒子模型
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型
- <div+css页面布局课堂笔记>2---页面布局的盒子模型
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- CSS布局页面之盒子模型
- <div+css页面布局课堂笔记>3---页面布局的盒子模型(IE与其他浏览器区别)
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- [CSS]标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型
- 盒子模型 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型
- asp.net-css页面布局的应用-经典盒子模型
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 标准W3C盒子模型和IE盒子模型---CSS布局经典盒子模型[转]
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 标准W3C盒子模型和IE盒子模型之CSS布局经典盒子模型
- CSS基础之盒子模型及浮动布局
- DIV+CSS----流式布局和盒子模型