css标记的html元素类型有几种
在CSS中,html中的标签元素大体分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。
块状元素
、
、
...
、
- 、
- 、
、特点
● 每个块级元素都从新的一行开始,并且其后的元素也另起一行。
● 元素的高度、宽度、行高以及顶和底边距都可设置。
● 元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
● 内联元素转换成块状元素/*使a元素具有块状元素特点*/
a{
display:block;
}
内联元素
、、
、、、、、、、、特点
● 和其他元素都在一行上;
● 元素的高度、宽度及顶部和底部边距不可设置;
● 元素的宽度就是它包含的文字或图片的宽度,不可改变。
● 块状元素转换为内联元素/*块状元素div转换为内联元素*/
div{
display:inline;
}
...
变成了内联元素的我内联块状元素(inline-block)
、
特点
● 就是同时具备内联元素、块状元素的特点
● 和其他元素都在一行上;
● 元素的高度、宽度、行高以及顶和底边距都可设置
本文来自css答疑栏目,欢迎学习!