day2-2，pxcook软件使用，box-sizing: border-box用法，清除默认样式

day2-2，pxcook软件使用，box-sizing: border-box用法，清除默认样式

pxcook软件下载：

游客，如果您要查看本帖隐藏内容请回复

<style>
    div {
      width: 200px;
      height: 200px;
      /* 手动减法 */
      /* width: 160px;
      height: 160px; */
      background-color: pink;

      padding: 20px;

      /* 內减模式：不需要手动减法，加padding和border不会撑大盒子 */
      box-sizing: border-box;
    }
  </style>
复制代码

清除默认样式：

<style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    /* 去掉列表的项目符号 */
    li {
      list-style: none;
    }
  </style>
复制代码

<style>
    div {
      width: 200px;
      height: 200px;
      background-color: pink;

      overflow: hidden;

      /* overflow: scroll; */

      /* overflow: auto; */
    }
  </style>
复制代码