HTML元素分类, CSS padding margin border属性详解

HTML元素分类

• 块级元素(block)
  一个块级元素独占一行，高，宽可以设置，padding，margin也可以设置
  可以使用style=“display:block” 设置为块级
  常见元素：div table form ul ol h1
• 内联元素(inline)
  和其他元素都在一行，高，宽不可设置
  可以使用style=“display:inline” 设置为内联
  常见元素：a span br strong em
• 内联块级(inline-block)
  和其他元素都在一行,宽高都可设置
  可以使用style=“display:inline-block” 设置为块级
  常见元素：img input

CSS padding margin border属性详解

W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，
这些对像包括段落、列表、标题、图片以及层。

盒模型主要定义四个区域：

• 内容(content)
• 内边距(padding)
• 边框(border)
• 外边距(margin)