内联与块元素

网页美化现在开始用css了.对网页中美化,涉及到对元素的美化.

元素的分类:

span 属内联元素（Inline elements），div 属块级元素（block-level elements）。内联元素只能包含文字和内联元素，块级元素可以包含文字、内联元素和块级元素。


常见的内联元素有：A、IMG、INPUT、LABEL、SELECT、SPAN、TEXTAREA


常见的块级元素有：DIV、FORM、H1、H2、H3、H4、H5、H6、HR、NOFRAMES、NOSCRIPT、P、TABLE、UL；FRAMESET、LI、TBODY、TD、TFOOT、TH、THEAD、TR

以下元素既可是块级元素，也可是内联元素，当它们被另一个内联元素或 P 包含时，被看作是内联元素：APPLET、BUTTON、IFRAME、MAP、OBJECT、SCRIPT.


块级元素特性

默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。

当然块级元素也能变成内联元素，那就是通过css的display:inline.不能设置宽高了. 把块级设置为float相当于不独占一行,但是作为块级元素.因为可以设置它得宽高.(引自阿里满满 Alimanman 文章,但作者没有解释float的真正作用)


内联元素特性

内联元素的高度宽度都是不可以设置的，其宽度就是自身文字或者图片的宽度。我们常用到的、、都属于内联元素。内联元素的显示特点就是像文本一样的显示，不会独自占据一个行。当然内联元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的,把内联元素为float相当于不独占一行,但是作为块级元素.因为可以设置它得宽高.