块级元素:div,p,from,ul,li,ol,dl,address,fieldset,hr,menu,table
行内元素:span,strong,em,br,img,input,label,select,textarea,cite
块级元素与内嵌元素的区别:
1、块级元素默认独占一行。垂直方向排列
内联元素默认会再一条直线上,是在同一行的。水平方向排列
2、块级元素默认宽度为父元素的100%,可以设置宽度、高度
内嵌元素不可以控制宽和高,它的宽和高是随标签里的内容而变化。
3、块级元素可以设置外边距margin 和 内边距padding.
内嵌元素的水平方向的margin上下无效,padding上下无效(水平方向有效,竖直方向无效)
4、块级元素可以包含内嵌元素和块级元素。
内嵌元素不能包含块级元素,只能包含文本或者其它行内元素。
块元素和内嵌元素互相转换:
display:block; (形式设为块级元素)
display:inline; (形式设为行内元素)