CSS-7-标签显示与转换

标签显示模式(display) (重点)

三种模式分别为:

1.行内元素(inline)
特点
a.不能设置宽高----宽高由内容决定
b.一行显示多个

常见的行内元素: span a strong del ins em i .....

2.块级元素的特点(block)
特点:
a.可以设置宽高
b.独自占据一行

没有设置宽度的块级元素,宽度等于父盒子

常见的块级元素: div p h1-h6 table ul li .....

3.行内块元素(inline-block)
特点:
a.可以设置宽高
b.一行显示多个

常见的行内块元素: input img

标签显示模式转换 display
display: 控制标签的显示模式
inline:行内元素
block:块级元素
inline-block:行内块元素

如果将span元素变成行内块元素
例子:

		span {

			display: inline-block;

		}