CSS 中的盒子简介

css中的盒子

块级盒子（Block Level Box）	行级盒子（Inline level Box）
生成块级盒子	生成行级盒子，内容分散在多个行盒中
body、article、div、main、section、h1~h6、p、ul、li 等	span、em、strong、cite、code 等
display：block	display：inline
不和其它盒子并列摆放	和其它行级盒子一起放在一行或拆开成多行
适用所有的盒模型属性	盒模型中 width、height 不适用

display：inline-block（本身是行级，可以放在行盒子，可以设置宽高；作为一个整体不会被拆散成多行）

display：none（排版时完全被忽略，不会被展示。）