零基础培训笔记，一些脑子抽掉导致的奇怪问题

   .box {
        height: 300px;
        background-color: skyblue;
    }

    .w {
        width: 1200px;
        margin: 0 auto;
        background-color: pink;
    }
</style>

<div class="box w">
    123
</div>

上课做页面的时候，脑子里的结构不够清晰。是直接把版心样式加在盒子上还是在盒子里重新再套一个盒子写版心。现在反应过来了，如果需要要给背景加上底色啥的就用上面那一种。如果单纯就是放一个盒子就用第二种。 还有就是不要给放东西的盒子加高度，不要给放东西的盒子加高度，不要给放东西的盒子加高度。每次写着写着人就晕了，一坨CSS代码跟鬼一样，改也不好改，得养成良好的习惯。先把结构想明白再开始写，一个部分一个部分完成，不能一次写一大块然后把自己人搞晕了，得不偿失。