CSS与inline style的关系及历史演变的技术疑问

核心结论 #

现在我们说的inline CSS，就是通过HTML元素的style属性编写的CSS代码，属于CSS的一种应用方式；而CSS诞生前的所谓"inline style"，是HTML原生的样式属性（比如<font color="red">、<body bgcolor="#fff">），两者并非同一体系。

拆解你的疑问： #

1. CSS诞生前的"inline style"是什么？ #

HTML诞生的90年代初期，还没有CSS的概念，要给页面添加样式只能依赖HTML自身的标签和属性：

• 用<font>标签设置字体、颜色、字号
• 用bgcolor属性给元素添加背景色
• 用align属性控制文本对齐
  这些都是HTML原生的样式控制手段，和后来的CSS在语法、规则上完全独立。

2. CSS诞生后，inline style发生了什么变化？ #

CSS在1996年成为W3C标准后，为了兼顾开发者习惯，同时实现"样式与结构分离"的核心目标，HTML引入了style属性——这就是我们现在所说的inline CSS。

• 你可以在style属性内直接编写CSS声明，比如 <div style="color: red; font-size: 16px;">
• 这种方式本质上还是CSS，只是将样式直接写在元素节点上，是CSS三大应用方式（内联、内部、外部）之一。

3. 现在的inline style（inline CSS）和CSS是一回事吗？ #

完全是CSS体系的一部分，只是应用场景特殊：

• 它遵循所有CSS语法规则，优先级高于内部、外部CSS
• 而CSS诞生前的旧inline样式属性（如<font>标签、bgcolor），现已被W3C标记为废弃，推荐用CSS替代。

4. 能把inline style看作独立于CSS的方法吗？ #

不能。如今日常提及的inline style，就是inline CSS，属于CSS体系；早年的HTML原生样式手段已被淘汰，不属于现代前端的标准样式方案。

简单总结：早年的HTML inline样式是CSS出现前的替代方案，CSS诞生后通过style属性将内联样式纳入自身体系，原有的旧方法逐渐退出历史舞台。

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