资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

CSS单边外边距属性是什么

小编给大家分享一下CSS单边外边距属性是什么,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

目前成都创新互联公司已为上千家的企业提供了网站建设、域名、网页空间、网站托管运营、企业网站设计、巴彦淖尔网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

设置外边距的最简单的办法就是运用 margin属性。margin用于设置对象标签之间间隔距离,比方2个上下排列的DIV盒子,我们就能够运用margin款式完成上下2个盒子间距。margin 属性承受任何长度单位,能够是像素、英寸、毫米或 em。margin 能够设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h2 元素的各个边上设置了1/4 英寸宽的空白:h2 {margin : 0.25in;},下面为 h2 元素的四个边分别定义了不同的外边距,所运用的长度单位是像素 (px):

h2 {margin : 10px 0px 15px 5px;}

与内边距的设置相同,这些值的次第是从上外边距 (top) 开端围着元素顺时针旋转的,另外,还能够为 margin 设置一个百分比数值:p {margin : 10%;},这样p 元素的外边距是其父元素的 width 的 10%。margin 的默许值是 0,所以假如没有为 margin 声明一个值,就不会呈现外边距。但是,在实践中,阅读器对许多元素曾经提供了预定的款式,外边距也不例外。应用margin完成规划居中,根底用法:marign:0 auto;即可完成对象居中,但需求一个条件,那就是该对象上级一定要设置text-align:center内容居中属性款式。有的阅读器body标签不设置text-align:center内容居中款式,其下级包含对象设置了margin:0 auto也会让其规划居中,但为了兼容各大阅读器倡议对body设置一个text-align:center属性款式。

CSS 单边外边距属性

你能够运用单边外边距属性为元素单边上的外边距设置值。假定您希望把 p 元素的左外边距设置为 20px,能够采用以下办法:

p {margin-left: 20px;}

您能够运用下列任何一个属性来只设置相应上的外边距,而不会直接影响一切其他外边距:margin-top、margin-right、margin-bottom、margin-left
一个规则中能够运用多个这种单边属性,例如:

h3 {
margin-top: 20px;
margin-right: 30px;
margin-bottom: 30px;
margin-left: 20px;
}

你也能够写为:p {margin: 20px 30px 30px 20px;},简写的逻辑仍为:上、右、下、左。

CSS单边外边距属性是什么

看完了这篇文章,相信你对“CSS单边外边距属性是什么”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


当前文章:CSS单边外边距属性是什么
文章网址:http://cdkjz.cn/article/jsodgc.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220