CSS续写

三、元素显示模式

目标：能够认识三种常见的元素显示模式，并通过代码实现不同元素显示模式的转换

学习路径：

1.块级元素

2.行内元素

3.行内块元素

4.元素显示模式转换

1.1块级元素

显示特点：

1.独占一行（一行只能显示一个）

2.宽度默认是父元素的宽度，高度默认由内容展开

3.可以设置宽高

代表标签：

      div、p、h系列、ul、li、dl、dt、dd、form、header、nav、footer......

1.2小结

块元素的显示特点有哪些？

       1.独占一行（一行只能显示与一个）

       2.宽度默认是父元素的宽度，高度默认由内容展开

        3.可以设置宽高

块级元素的代表标签有哪些？

       div、p、h系列

2.1行内元素 

显示特点：

       1.一行可以显示多个

       2.宽度和高度默认由内容展开

       3.不可以设置宽高

代表标签：

       a、span、b、u、i、s、strong、ins、em、del......

2.2小结

行内元素的显示特点有哪些？

       1.一行可以显示多个

       2.宽度和高度由默认内容撑开

       3.不可以设置宽高

行内元素的代表标签又有哪些？

       a、span