样式重置三板斧

/* 样式重置三板斧 */
* {
  /* ? 外边距清零 */
  margin: 0;
  /* ? 内边距清零 */
  padding: 0;
  /* ? 盒子计算方式:边框 */
  box-sizing: border-box;
}

盒子padding与margin规则

/* 如果同时设置四个方向,而四个方向值各不相同,则必须全部写齐了 */
/* 规则顺序: 上,右,下,左, 就是手表的顺时针 */
/* 四值: 上, 右, 下, 左 */
  padding: 5px 10px 15px 20px;

/* 三值: 上, 左右, 下 */
  padding: 5px 10px 15px;

/* 双值: 上下, 左右 */
  padding: 5px 10px;

/* 单值: 上下左中全相等 */
  padding: 10px;

/* 三值,双值记忆方法: 只要出现在第二个参数位置上,就必然代表"左右"   */
/* margin 的规则 padding 是一样的 */
/* border 是不存在以上的简化缩写 */
Last modification:November 2, 2022
如果觉得我的文章对你有用,请随意赞赏