1、双击打开HBuilderX工具，并新建一个HTML5静态页面，如下图所示：
2、在body标签元素内，插入多个div标签，并使用div嵌套，如下图所示：
3、在title标签下方添加一个style，设置全局的样式，使用*符号，如下图所示：
4、保存代码并打开浏览器查看页面效果，可以发现页面有背景色，如下图所示：
5、再利用body标签选择器，设置宽度、字体属性、字体大小等属性，如下图所示：
6、最后使用body标签内的div选择器设置div标签样式，添加边框、内外边距，如下图所示：
常用div宽度获取 dom.offsetWidth:只读属性,返回元素的布局宽度数值(int)(content + padding + border),此数值为四舍五入后的整数 dom.getBoundingClientRect().width:只读属性,返回元素的布局宽度数值(int)(content + padding + border),此数值不会四舍五入 window.getComputedStyle(dom).width:只读属性,返回元素内容宽度的数值和单位(string)(content) dom.scrollWidth:只读属性,返回全部content+ padding 的宽度数值(int) dom.clientWidth:只读属性,返回元素内容可视区域的宽度(content + padding)
