码迷,mamicode.com
首页 > 其他好文 > 详细

盒子模型

时间:2017-02-07 20:39:15      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:pad   padding   部分   样式   属性   相同   margin   order   type   

盒子模型=网页布局的基石 ,由4部分组成:

边框(border)
外边距(margin)
内边距(padding)
盒子中的内容(content)


二个属性值:(上/下、左/右)
三个属性值:(上、左/右、下)
一个属性值:四个方向相同

吉米的书图片排版

样式表方式:
外部样式
内部样式
行内样式

<style type="text/css">
*{margin:0;padding:0}
.content{border:4px solid #badbad;padding:44px 15px 15px;width:770px;}
.book{background:(url(images/t_book.gif) no-repeat #eff9f9;}
img{margin:10px 18px;border:1px solid #b1adad;}
</style>

盒子模型尺寸:边框+外边距+内边距+盒子中的内容尺寸

盒子模型

标签:pad   padding   部分   样式   属性   相同   margin   order   type   

原文地址:http://www.cnblogs.com/dingruinb/p/6375554.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!