行内元素和块级元素

• 行内元素和块级元素的具体区别是什么？

  **什么是行内元素、行内块、块级元素**
  
  **块级元素**
  

  每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。
  常见的块级元素有：h1,div,li,p等
  特点：高度，行高，外边距和内边距都可以单独设置，宽度默认是容器的100%，可以容纳内联元素和其他的块级元素

  **行内元素**
  

  行内元素（内联元素）：不占有独立的区域，仅仅依靠自己的字体大小或者是图像大小来支撑结构。
  一般不可以设置宽度，高度以及对齐等属性。
  常见的行内元素有：a,b, span等
  特点：设置高度和宽度无效，但是水平方向上的padding和margin可以设置，垂直方向上的无效，默认的宽度就是它本身的宽度，行内元素只能容纳纯文本或者是其他的行内元素（a标签除外）
  但是：并不是所有的行内元素都不能设置宽高，替换元素就可以。首先，我们来明确一下替换元素和不可替换元素的定义

  替换元素：浏览器根据元素的标签和属性来决定元素的的具体显示内容。HTML中的img、input、textarea、select、object都是替换元素。这些元素往往没有实际的内容，即是一个空元素。
  不可替换元素：(X)HTML 的大多数元素是不可替换元素，即其内容直接表现给用户端

  **如何将行内元素转为块级元素**		
  

  当给行内元素设置 float：left; float:right; 或者 position：absolute; position:fixed;或display: block/inline-blok, 可以设置宽高

• 行内元素的padding和margin可设置吗

块元素
margin：
两个块元素同时设置上下margin时，会取两个元素中margin较大的那个作为标准分开，
出现上下margin重叠现象
padding：
正常设置，没有影响，不会重叠
=================================
行内元素：
margin：
只能设置左右margin，上下方向设置无效
padding：
同margin一样，只能左右设置，左右无效，虽然背景图增大，但是对文档流没有影响