5.1.3　内联样式

内联样式是在HTML中应用CSS的第三种方式。不过，应当最后考虑这种方式，因为它将内容（HTML）和表现（CSS）混在了一起，严重地违背了最佳实践原则。

在希望进行格式化的HTML元素中输入“style＝＂＂”，创建一个样式规则，但不要包括花括号和选择器（不需要选择器是因为直接将样式放入目标元素）。如下例所示：

效果如图5-6所示，内联样式只影响一个元素，因此使用它将失去外部样式表的重要好处：一次编写，到处可见。设想要对大量HTML作简单的文字颜色的改变，就需要对这些页面逐一进行检查和修改，这是内联样式不被经常使用的原因。或许内联样式最为常见的使用场景是在JavaScript函数中为元素应用内联样式，从而为页面某个部分添加动态行为。可以通过Firefox或Chrome的开发者工具查看这些生成的内联样式。在大多数情况下，应用这些样式的JavaScript同HTML是分离的，因此仍然保持了内容（HTML）、表现（CSS）和行为（JavaScript）分离的原则。

图5-6　内联样式