display可以控制标签的显示模式

-display：none|inline|block|inline-block

-继承性：无

-display值的解释：

~none：此元素不被显示，此文档中被移除。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间

~block：此元素按块级元素显示：前后换行符，自己占一行。内联元素–>块元素

~inline：此元素按内联元素显示：1个挨着1个。块元素–>内联元素

~inline-block：按行内标签进行排版，但是可以设置宽高，而且高度可以影响行高

 display: inline; /*可以让元素编成行内的标签*/
 display: block;  /*可以将元素编成块级标签*/
 display: none;  /*可以让标签在整个页面中移除掉*/
 visibility: hidden;  /*可见性为隐藏，知识不显示，但还是占用页面空间*/

注意：行内元素不能设置宽高，如果是设置宽高是不会影响行内元素显示的，只能通过内容撑开

元素显示方式的转换：
input和img两个行内块级元素转行内元素时无效的
转转块级元素有效