CSS入门教程——边距

Posted 老梁写代码

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS入门教程——边距相关的知识,希望对你有一定的参考价值。

CSS 有两个属性用于指定边距,margin 外边距,padding 内边距。

h2 
    font-size: 1.5em;
    background-color: #ccc;
    margin: 20px;
    padding: 40px;

我们知道,一个 html 元素有四条边,对应的边距属性有:

  • margin-top
  • margin-right
  • margin-bottom
  • margin-left
  • padding-top
  • padding-right
  • padding-bottom
  • padding-left

盒模型

外边距(margins)、内边距(padding)和边框(borders)组成了 CSS 的盒模型(the Box Model)。


这个盒模型功能十分强大,几乎适用于所有页面元素。

以上是关于CSS入门教程——边距的主要内容,如果未能解决你的问题,请参考以下文章

CSS入门教程——边距

CSS 框模型

css内外边距用%表示时该怎么计算

CSS样式里外边距怎么写的

css外边距怎么设置

css教程