HTML5+CSS3 DAY6

2.css的元素显示模式

1.什么是元素的显示模式

作用：网页的标签非常多，在不同的地方会用到不同类型的标签，了解他们的特点可以更好地布局我们的网页

元素的显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>

HTML元素一般分为块元素和行内元素两种类型

2.块元素

3.行内元素

4.块内行元素

 总结：

5.元素显示模式转换 

特殊情况下，我们需要元素模式转换，简单理解：一个元素的模式需要另一种模式的特性

比如，想要增加链接<a>的触发范围

• 转换为块元素：display:block
• 转换为行内元素：display:inline
• 转换为行内块：display：inline-block

6.单行文字垂直居中

 解决方案：让文字的行高等于盒子的高度，就能实现单行文字垂直居中