文字和盒子水平居中区别以及插入图片和背景图片的修改

文字水平居中和盒子水平居中
文字居中：text-align: center;
盒子水平居中：margin: *px auto;
代码图：
效果图：
插入图片和背景图片的修改
插入图片的大小修改：只能通过更改width和height来控制图片大小
插入图片更改位置：可以用margin或者padding盒模型来修改插入的图片也相当于一个盒子
背景图片更改大小：只能通过background-size
背景图片位置：只能通过background-position
一般情况下，背景图片适合做一些小图标
像产品展示之类的需要用插入图片