块元素、行内元素、行内块元素

一、块元素 block element

块元素的特性

1. 独霸一行，总是在新行上开始
2. 默认宽度为父元素的100%，默认高度为本身内容的高度。
3. 高度、行高、外边距、内边距都可以设置
4. 可以容纳其他内联元素或者其他块元素
   

常见的块元素：

       body、from、table、div、p、h1-h6、hr

二、行内元素 inline element

行内元素的特性

1. 和其他元素都在一行上，遇到父级元素边界会自动换行
   
2. 宽度、高度与内容一样宽，且不可改变
   
3. 行内元素只能容纳文本或者其他行内元素
   

      对于行内元素，需要注意的是：设置宽度width无效，设置高度无效，可以通过设置line-height来设置，设置margin只有左  右有效，上下无效，设置padding只有左右有效，上下无效

     近十年JAVA架构设计经验，长期从事IT技术资源整合。有志于自我技术提升、需要最新IT技术课程的小伙伴，可私信联系我 ，粉丝一律友情价