關於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，這兩者之間都是能把元素隱藏起來，但是前者在網頁上不可見但仍佔空間，後者不佔空間。