1、双击打开HBuilderX工具，并新建一个HTML5静态页面，如下图所示：
2、在body标签元素内，插入多个div标签，并使用div嵌套，如下图所示：
3、在title标签下方添加一个style，设置全局的样式，使用*符号，如下图所示：
4、保存代码并打开浏览器查看页面效果，可以发现页面有背景色，如下图所示：
5、再利用body标签选择器，设置宽度、字体属性、字体大小等属性，如下图所示：
6、最后使用body标签内的div选择器设置div标签样式，添加边框、内外边距，如下图所示：
<div clas="a"> 少了一个s <div class="a">类是具有相同属性元素的集合，既然a中每个都不一样，为什么还要统一定为a类呢？这是其一；
其二，父元素的高度是会随着子元素高度变化而变化的，所以一般在做页面的时候，我们是不设置这个高度的，除非有特殊要求；
其三，如果a类的其它属性都相同，只有宽度不同，可以同时让外层div具有两个类，例如：
<div class="a w1">
<div class="b">
</div>
</div>
<div class="a w2">
<div class="c">
</div>
</div>
<div class="a w3">
<div class="d">
</div>
</div>
其中a、w1、w2、w3都是类名，你可以在w1、w2、w3中定义不同的宽度，这样即满足了a中属性值全部相同，又满足了父元素具有不同宽度的要求。
css标准不能选择父级请用其它方法
比如js
<div id="child" class=“parent“>
<textarea id="child" class="child">child</textarea>
</div>
<script>
document.getElementById("child").onfocus = function(){document.getElementById("parent").style.background="#666"}
