块级元素与行级元素

　 　1.行级元素：非独占一行，设置高度宽度无效 默认宽度是刚好包住自己里面的内容。例：<a>

              不能应用属性：width height  max-width max-height min-width min-height

               除非：变为块级或行块元素

      

     2.块级元素：独占一行，设置宽度和高度都有效  默认元素是父元素宽度。例：<div>

      3.行块元素：非独占一行，设置宽度和高度都有效 默认元素是父元素宽度 。例：<img>
  

              display:inline ;块级变行级
              display:block; 行级变块级

              display:inline-block;变为行块元素

 

     注：对行级元素设定padding时需要特别谨慎，特别是垂直方向上的padding，控制不好就会出现元素与元素发生重叠（padding仅仅
          把行级元素的上下边框撑开）------解决方法，把行级元素变为块级元素