Tailwind CSS中base与md类的命名差异及术语由来问询

核心逻辑：不同模块的默认基准设计不同 #

Tailwind的类名命名围绕「默认/基础样式」展开，但不同CSS模块的使用场景和优先级不同，导致了命名规则的差异。

阴影类的命名逻辑 #

阴影属于装饰性样式，不是页面元素的必备属性。Tailwind把最常用的中等阴影设为默认无后缀类：shadow，它夹在更小的shadow-sm和更大一点的shadow-md之间。这种设计符合开发者的使用习惯——需要基础阴影时直接加shadow，要调整尺寸再追加后缀区分。

文本尺寸的命名逻辑 #

文本是页面的核心内容，字号是整个排版系统的基准线。Tailwind把浏览器原生默认字号（通常是16px，对应font-size: 1rem）明确命名为text-base，作为所有其他文本尺寸的参照基准：text-sm是比base小一级的字号，text-lg是大一级的字号。用base标注而非无后缀类，是为了让开发者一眼识别这是排版的核心基准，避免和其他文本相关类（如颜色类）混淆。

base和md是否等同？ #

完全不是一回事：

• text-base是文本模块的默认基准字号，是整个排版系统的参照点；
• shadow-md是阴影模块里比默认阴影（shadow）更大一级的样式，属于阴影尺寸的进阶选项。
  两者分属不同模块，没有直接等价关系。

术语起源 #

这种命名方式源自Tailwind「实用优先」的设计哲学，同时贴合前端开发的传统习惯：

• 对于装饰性样式（如阴影），用无后缀类代表最常用的默认值，简化常用场景的代码书写；
• 对于核心基础样式（如文本字号），用base明确标注基准，强化排版系统的逻辑性，避免歧义。
  另外，Tailwind的命名也参考了早期CSS框架的命名思路，但做了精简，让类名更简洁且语义清晰。

内容的提问来源于stack exchange，提问作者user12457151