CSS基础图文详细教程之margin属性
时间：2024/3/7作者：未知来源：争怎路由网人气：
- 网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。设置外边距的最简单的办法就是运用 margin属性。margin用于设置对象标签之间间隔距离，比方2个上下排列的DIV盒子，我们就能够运用margin款式完成上下2个盒子间距。margin 属性承受任何长度单位，能够是像素、英寸、毫米或 em。margin 能够设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h1 元素的各个边上设置了1/4 英寸宽的空白：h1 {margin : 0.25in;}，下面为 h1 元素的四个边分别定义了不同的外边距，所运用的长度单位是像素 (px)：
h1 {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
一个规则中能够运用多个这种单边属性，例如：h2 { margin-top: 20px; margin-right: 30px; margin-bottom: 30px; margin-left: 20px; }你也能够写为：p {margin: 20px 30px 30px 20px;}，简写的逻辑仍为：上、右、下、左。
以上就是CSS入门教程之margin属性的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
关键词：CSS基础图文详细教程之margin属性