老师，请赐教

同学你好，问题解答如下：

1.区别如下：

（1）block是块元素，块元素会自占一行，可以设置宽高。

（2）inline-block(inline注意单词拼写哦)是行内块元素，也就是即有行内元素的特点，也有块元素的特点。即会与其他元素排列在一行（行内元素特点），也可以设置宽高（块元素特点）。

应用就根据它们的特点去判断即可，例如行内元素不能设置宽高，想要设置宽高，就可以设置为display: block。块元素不能排列在一行，想要块元素排列在一行，可以设置为display: inline-block。

建议同学自己写一个元素，给它们设置样式总结一下效果，能够更好的去理解它们的不同。

2.背景图片不需要考虑分辨率，因为它们是元素的背景，元素有多大。背景图就有多大。例如给一个div设置此背景图，div默认的宽度是相对浏览器100%显示的，也就是说，浏览器多宽，div默认的宽度就多大。例如浏览器宽度1500px，那么div默认宽度就是1500px。背景图虽然比div大，但是也不可能超出div。好比一面墙，墙的背景只能平铺墙的面积，不可能超出哦。

当然，如果元素自身没有默认宽度，那么手动给元素设置宽度为100%。这样在任何浏览器下都是相当浏览器100%显示。后续课程没有对兼容分辨率的讲解，但是有移动端布局的讲解，即响应式页面在不同设备下让它正常显示。而现在电脑端页面，兼容分辨率并不是什么难事，只要通过百分比设置宽度即可。

这里的背景图想要完整的平铺这个div，可以设置背景尺寸background-size: cover，这个属性意思是让背景图放大或者缩小，能够平铺整个盒子。

祝学习愉快~