学习笔记1 2017-5-18

    今天在完善我的第一个静态页面时，想把一个"<span>最新公告</span>"移下来一点和旁边的图标<img>相同高度，效果如下：

 目标效果：，现实是：（一眼看过去好像没什么差，但是那个文字太上去了，下面空太多），

  可我设置margin、padding的left和right明明是有效果的，设置top和bottom却怎样都不起作用，最后查到原来行内元素是可以设置左右内外边距的，但就是不能设置上下内外边距，可能因为是“行内”吧，所以在一个行里左右是活动的，但上下是有限制的。

    最后我把它改成行内块元素后再设置margin-top就有效果了：，但是<Img>为什么跟我一起下来呢？

总结：行内元素默认是不能设置内外边距的上下属性值，但可以先把它改成行内块元素。