块级元素与行内元素

• 块级元素：竖直排列，默认占了一行，两侧撑满；如：h，div, p , li列表标签
• 行内元素(内联元素)：横向排列，到最右侧自动折行；如：<span>、<a>、<img/>，<font>
• 块级元素内部可以使用内联元素，反过来不行，如div和a

display属性

• none：设置的元素不会被显示
• inline：元素会被显示为内联元素
• block：元素会被显示为块级元素
• inline-block：行内块元素
• display: inline ； 内联元素的默认值，将块级元素转换为内联元素
• display: block ; 块元素的默认值，将内联元素转换为块级元素
• display: inline-block ; 既有内联元素的特性，也具有块级元素的特征；可以让块级元素排在一行
• display: none ; 此元素不会在页面中显示；即隐藏了元素