菜鸟——首个页面——奇葩问题

1.给 li 和 a 设置左右padding的区别：

display: block;
padding: 0 20px;

2.行内元素：

　　特点：多个标签一行显示，不能设置宽高，完全靠内容撑开！

块级元素：

　　特点：独占一行，可设宽高；

行内块：

　　特点：可以设置宽高，还可以多个标签一行显示；

3.li不浮动也可以一行显示（转为行内元素）

4.

这是放了a里边的效果

这是放了span里边的效果

大神的意见（当你单独用span标签时，会有一些样式作用到span标签上，当你设置span的时候，span的样式会跟着改变，但是当你设置span的子元素时，它的样式是不变的，你可以测试一下）还未测

5.<a href=""><img src="img/201808301152218711_s.jpg" alt=""></a>把img设为display：block；