行内元素的特点:
1.和其他元素在一行显示
2.元素的宽度、高度、行高及底部边距不可编辑
3.元素的宽度就是它包含的文字或图片的宽度,不可改变
4.行内元素只能容纳纯文本或者是其他的行内元素(a标签除外,a里面不能放自己)
5.默认不会换行
注意:行内元素里不能放块元素, 并且和相邻的行内元素在一行上,块元素里可以嵌套行内元素和行内块元素
常见的行内元素:
a b span img input select strong button
块元素的特点:
1.每个块级元素都是从新的一行开始,并且其后的元素也另起一行
2.元素的宽度、高度、行高以及顶部和底边距都可以设置
3.元素的宽高在不设置的情况下,是他本身父容器的100%,除非设定一个宽度
4.多个块状,默认排列从上到小
常见的块元素:
div p ul li ol dl dt dd h1 h2 h3 h4 h5 h6
行内块元素的特点:
行内块元素既具有行内元素特点即不独占一行,又具有块元素特点即可以设置宽高
常见的行内块元素:
img input
行内元素,行内块元素,块元素的转换
display:block ,将元素转换为块级元素
display : inline ,将元素转换为行内元素
display:inline-block,将元素转换为行内块级元素