从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要介绍“CSS中的padding和margin属性如何使用”,在日常操作中,相信很多人在CSS中的padding和margin属性如何使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS中的padding和margin属性如何使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
为沈丘等地区用户提供了全套网页设计制作服务,及沈丘网站建设行业解决方案。主营业务为成都做网站、网站建设、沈丘网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
CSS的Margin和Padding属性
margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边。
例子h3:
h3{ font-size:1.5em; background-color:#ccc; margin:1em; padding:3em; }
元素四边可以设置的属性:margin-top,margin-right,margin-bottom,margin-left,padding-top,padding-right,padding-bottomandpadding-left
CSS盒模型BoxModel
width和height定义的是Content部分的宽度和高度,paddingbordermargin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题,不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时,IE6中box左右的margin会加倍
W3C定义的盒模式如下:
width和height定义的是Content部分的宽度和高度,paddingbordermargin的宽度依次加在外面。背景会填充padding和content部分。
但是由于浏览器设计上的问题,不同浏览器显示效果会有些不同。
左右Margin加倍的问题
当box为float时,IE6中box左右的margin会加倍。比如:
www.webjx.com