html布局优先级,CSS 理解优先级、布局和定位

display

none：隐藏对象。与visibility的hidden不同，其不保存物理空间。

inline：指定对象为内联元素。(默认值)。

block：指定对象为块元素。

inline-block：指定对象为内联块元素。

内联元素(也叫行内元素)

行内元素不可以设置宽(width)和高(height)，但可以与其他行内元素位于同一行，行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的字体大小决定，宽度由内容的长度控制，可以有padding和margin，给内联元素设置padding和margin只会影响元素水平方向上的空间，垂直方向上的空间不会发生变化。常见的行内元素有a, em ,strong等。

块元素(也叫块级元素)

块状元素排斥其他元素与其位于同一行，可以设定元素的宽(width)和高(height)，块级元素一般是其他元素的容器，可容纳块级元素和行内元素。常见的块级元素有div, p ,h1~h6等。

内联块元素

与行内元素类似，但是可以为Inline-block元素设置宽度和高度。给Inline-block元素设置宽度和高度将会影响该元素的水平和垂直方向上的空间。