优先级

提示

!important>行内样式>id选择器>类选择器>标签选择器>通配符选择器>继承

权重计算

标签选择器

权重叠加每位不存在进制

权重相同此时比较层叠性

全是继承的特殊情况

盒子模型

div {
      width: 300px;
      height: 300px;
      background-color: pink;
      /* 边框线 == 纸箱子 */
      border: 1px solid #000;
      /* 内边距 == 填充泡沫 : 出现在内容和盒子边缘之间 */
      padding: 20px;

      /* 外边距 : 出现在两个盒子之间, 出现在盒子的外面*/
      margin: 50px;
}

<div>内容电脑</div>
<div>内容电脑</div>

边框

尺寸

内边距

内减模式

外边距

清除默认内外边距

通配符选择器消耗资源大，能不用就不用

* {
    margin: 0;
    padding: 0;
}

版心居中

常见问题

合并问题

塌陷问题

更新日志

2025/3/17 17:50

查看所有更新日志

• 71d75-fix(theme): 🐛 修复主题升级后的新配置选项导致的部署失败于 2025/3/17
• 9f65c-feat: ✨ demo于 2025/2/27
• 0e103-fix:全文搜索样式于 2025/2/16
• 98593-feat(408): ✨ 移除408内容，替换为980于 2024/12/15
• 1946f-添加布尔运算于 2024/12/9
• 54429-feat: ✨ 添加PPT模块于 2024/12/7
• 51ebd-docs: 初始版本于 2024/9/22

版权所有

版权归属：passwordgloo

许可证：署名-相同方式共享 4.0 国际 (CC-BY-SA-4.0)