三、元素显示模式
目标:能够认识三种常见的元素显示模式,并通过代码实现不同元素显示模式的转换
学习路径:
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