内联与块元素

    网页美化现在开始用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相当于不独占一行,但是作为块级元素.因为可以设置它得宽高.

你可能感兴趣的:(css)