在html页面中，所有可见的html标签元素都是由margin、padding、border 和内容组成的，专业术语称盒子模型或框模型，后面统称为盒子模型。
如下图示例：
按F12键打开开发者工具，使用选择元素工具(箭头图标)，随便选择一个html元素，在下方styles 面板上就会看到上图的盒模型。
html网页里键盘打多个空格，所有浏览器中看到也只有1个空格的位置间距，除了使用空格字符外，是可以用css来设置控制打空格宽度间距的，通过css样式来设置空格想要的多个空格位置大小效果。
css可以使用word-spacing来设置空格宽度不同，后面可以设置px单位值，也可设置em单位值。
em可以准确设置多个字的宽度效果，比如1em代表空格宽度为1个字宽度;4em代表空格宽度大小为4个字宽度大小的间距。
