行内元素和块级元素

参考文章:https://www.cnblogs.com/yanqiu/p/8987126.html

• 块级元素：
  div , p , form, ul, li , ol, dl, form, address, hr, table, fieldset, menu
• 行内元素：
  span, img , input, label,strong , select, br, em, textarea, cite

块级元素:
总是在新行上开始；
宽高，外边距和内边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度。
它可以容纳内联元素和其他块元素

行内元素:
和其他元素都在一行上；
高，行高及外边距和内边距改变受限制，设置width和height无效，可以通过line-height设置；设置margin只有左右margin有效，上下无效，设置padding，只有左右padding有效，上下无效；
宽度就是它的文字或图片的宽度，不可改变
内联元素只能容纳文本或者其他内联元素

通过display属性对行内元素和块级元素进行切换

• block 此元素将显示为块级元素，此元素前后会带有换行符。
• inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
• inline-block 行内块元素。（CSS2.1 新增的值）