本文阅读量次

1. CSS¶

1.1 CSS 基本概念¶

Replaced elements https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element ⧉

1.1.1 关于布局¶

布局中的 block-level 元素和 inline-level 元素

1.1.1.1 基本布局 Normal Layout¶

1.1.1.2 布局分类¶

1.1.2 关于 Stacking context¶

1.2 CSS¶

1.2.1 圆形图标¶

border-radius: 100%;

1.3 踩过的坑¶

1.3.1 `calc()` 不生效¶

使用 calc(100vh-50px) 不生效，需要在减号两边预留空格，改为 calc(100vh - 50px) 则可以工作

这里是官方解释 ⧉

The + and - operators must be surrounded by whitespace.

The * and / operators do not require whitespace, but adding it for consistency is recommended.

1.4 参考¶