1、打开vscode，创建一个html页面。
2、在测试页面的同级目录，添加一张演示图片。
3、在测试页面中添加一个div标签，在标签内部添加一个img图片标签，设置图片的src地址。
4、在div的标签中，直接书写css的样式，设置div的宽度为500像素，高度为300像素，边框为1像素的红色框。再次在浏览器中打开，就可以看到图片，并没有填满整个div的空间。
5、想要让图片充满整个div，只需要对图片设置高宽都是100%即可。此处为了演示，将所有的img标签都设置成了100%，而且，使用的是外部css的书写形式。
6、如果图片使用的是背景图，不是img标签的形式，图片默认会在x和y轴重复，并不会拉伸，最终仍然填满了这个div的空间。
7、如果想要背景图也拉伸填满整个div空间，就需要设置背景图的，background-size:100%100%。
CSS是叠加和继承的。这句话应该是CSS样式是叠加和继承的。我们些段代码来解释什么是叠加、什么是继承：如下css样式表中：
body{font-size:12px}
a{color:#666666}
.dq
a{color:#ff0000}
页面代码中：
我是a1
我是a2
所谓的叠加，就是这个样式已经存在，而又出现了一个这样的样式，就叫叠加。是依靠“就近原则”来取这个值。比如：在类div为dq的链接前面已经设置了一个a{color:#666666}，而后面又设置了一个.dq
a{color:#ff0000}，后面这个就会把前面的叠加掉了，也就是覆盖掉了。
所谓的继承，就是子孙级都拥有父级的东西。比如：已经存在了一个样式body{font-size:12px}，而后面的a标签都是在body标签里面的，a标签它就会得到这条样式font-size:12px，这就叫继承。
希望对你有所帮助。
