《HTML学习笔记》

1、行内元素和块元素

行内元素（inline element）：特点是只占内容的宽度，默认不换行，例如<span>,<a>

块元素(block element)：特点是不管内容有多少，它要换行，同时占满整行，例如<div>,<p>

 一些CSS属性对行内元素不生效，如margin,left,right,width,height

尽可能用块元素定位。

行内元素和块元素可以互相转换：

          display:block----->(div)转换成块元素

          display:inline----->(span)转换成行内元素

 

2、

    HTML都可以看做一个盒子

    盒子模型的参照物不同，则使用的css属性不一样  

    如果不希望破坏整体外观，则尽量使用margin来布局 因为padding可能会改变盒子的大小（相当于盒子有弹性 可变大小），如果margin过大 相当于盒子的内容被挤出盒子外  但盒子本身没有变化。