1.双击打开HBuilderX工具，创建一个新的HTML5静态页面，如下图zd所示:
2.在body标签元素中插入多个div标签，并用div将它们嵌套在div中，如下图所示:
3.在标题标签下面添加一个样式，设置全局版本的样式，并使用*符号，如下图所示:
4.保存代码并打开浏览器查看页面效果。可以在页面上找到背景颜色，如下图所示:
5.使用body标签选择器设置宽度、字体属性、字体大小等属性，如下图所示:
6.最后，使用body标签内部的div选择器来设置div标签样式，并添加边框和内外边的权重距离，如下图所示:
CSS 元素选择器CSS 类选择器
CSS ID 选择器
CSS 属性选择器
CSS 后代选择器
CSS 子元素选择器
CSS 相邻兄弟选择器
CSS 伪类
CSS 伪元素等等等。。。
至于优先权，一两句话讲不清楚，，，你问度娘要：CSS选择器 优先级
可以找到很多很详细的文章。。。
当然，如果在 td 里增加一个 span 元素，把文字放进 span 里，再对 span 进行偏移，是可以达到目的的。这样就稍显麻烦了点。我就是想问问看有没有能够直接对 text 节点进行操作的方法？这样就可以省去专门增加 span 的麻烦了。
