html5学习笔记（三）

块级标签和行级标签的转换

在html中标签有很多种，它们之间有一些为行级标签一些为块级标签。

块级标签的特征，不管标签里面的内容元素为多大，就算很小，它也会占用整整一行的网页空间位置，比如div、ul、ol、p……，这类标签默认情况下宽度就是 body 的宽度，这些标签在使用时会使下一个标签或元素自动换行。

行级标签的特征，它与块级标签相反，不会单独占用一行，而是以标签内的内容和元素的大小来定自己标签的大小，比如a、span……，行内元素没有宽高，也不可以设置宽高，元素多大它为多大，在下一个标签的使用时会在它后面而不会换行。

因为两种标签的特殊规定，所以在互相使用时会遇到麻烦，这时候就可以使用行级标签和块级标签的转换了

利用CSS样式来实现元素显示模式转换

属性 display 的属性值为 block 时，即为 块级 元素。

属性 display 的属性值为 inline 时，即为 行级 元素。

当属性 display 的属性值为 inline-block 时，即为 行内块级 元素。

通过这方法能实现标签间的行块转换，能试我们在编程时更便捷，按照情况而转换