浏览器的默认样式、文档流

浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，所以为很多的元素都设置了一些默认的margin和padding，而它的这些默认样式，正常情况下我们是不需要使用的。
所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉

【清除浏览器的默认样式】

     使用*{
            margin:0;
           padding:0;
       }        

使用*，性能不好

【文档流】

    文档流处在网页的最底层，它表示的是一个页面中的位置，我们所创建的元素默认都处在文档流中
     
元素在文档流中的特点
    块元素
        1.块元素在文档流中会独占一行，块元素会自上向下排列
        2.块元素在文档流中默认宽度是父元素的100%
        3.块元素在文档流中的高度默认被内容撑开
    内联元素
        1.内联元素在文档流中只占自身的大小，会默认从左向右排列，如果一行中不足以容纳所有的内元素，则换到下行， 
          继续自左向右。
        2.在文档流中，内联元素的宽度和高度默认都被内容撑开
           当元素的宽度的值为auto时，此时指定内边距不会影响可见框的大小，而是会自动修改宽度，以适应内边距

内联元素不能设置宽高，内联元素脱离文档流会变成块。图片不会覆盖文字