关于display

display三个主要指主要有inline行元素，block块元素以及行内块元素inline-block,li {display:inline;}inline就把块元素li里面的元素显示在同一行上了，li是块元素独占一行，用display 就拥有了行元素的特性。
span {display:block;}，这种就是将行元素转换成为块元素，span本身是行元素，行元素没有高度，不能独占一行，转换成为块元素就能够自上而下排列。
补充下块级元素及行元素，块级元素有div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre，header、section、aside、footer等
行元素有pan、img、a、lable、input、abbr、em、big、cite、i、q、textarea、select、small、sub、sup，strong、u、button等
关于visibility: hidden跟display:none，这两者之间都是能把元素隐藏起来，但是前者在网页上不可见但仍占空间，后者不占空间。