CSS--内联元素和块元素

    行内元素(inline element)，又叫内联元素，其只能容纳文本或者其他内联元素。

         内联元素的特点:只占内容的宽度，会根据内容的多少自动调整大小，不会占满一行,默认不会换行。

         常见的内联元素如<span><a>......

    块元素(block element)：一般都是从新行开始,可以容纳文本、其它内联元素、其它块元素。

         块元素的特点:即使内容不能占满一行或者指定了宽度,块元素也要把整行占满,会自动换行。

         常见的块元素:<div><p><h1><li>......

    注意:

          一些CSS属性对行内元素不生效,比如:margin,left,right,width,height,建议尽可能使用块元素定位。

         (这与浏览器的版本和类型有关)

    块元素与行内元素的相互转换:

          display:inline;  转为行内元素(比如div,这样就不会占满一行)

          display:block;  转为块元素(比如a,这样会占满一行)