块级元素主要有:
address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li
内联元素主要有:
a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup ,textarea , tt , u , var
可变元素(根据上下文关系确定该元素是块元素还是内联元素):
applet ,button ,del ,iframe , ins ,map ,object , script
内联元素的特点:
1.和其他的元素显示在一行上;
2.内边距和外边距、高度,宽度都是不可改变的,他的宽度是根据他的显示文本和图像的宽度(有特殊情况:例如当添加声明word-wrop:break-word后,内联元素可能会自动适应父元素的宽度)。
3.可以通过css来将它变成为块元素之后然后就可以用css其他样式应用了。
块元素的特点:
1.总是在新的一行上显示;
2.高度、行高、宽度、内边距、外边距等都是可控制的;
3.他的高度默认为0,是根据元素内的内容而决定的,宽度是父元素的宽度,但是可以通过css控制它,显示的指定他的宽度和高度,可以利用浮动和定位来将他与其他的块元素也显示在一行上;
内联元素包含块元素时:
该内联元素也会有换行处理,只有包含内联元素和内联快元素时会表现出内联性;
note:浮动和定位是给块元素设置的,内联元素如果设置会变成块元素
来源:oschina
链接:https://my.oschina.net/u/4309414/blog/3613789