Multiple Inline Styles仅首个生效问题求助（设计师非开发者）

嘿，我完全懂你作为设计师想快速搞定简单样式、不想折腾CSS文件的心情！咱们直接说核心问题：

你在<div>标签里重复写了多个style属性——这在HTML里是不被允许的！浏览器只会识别第一个style属性，后面的所有style都会被直接忽略，这就是为什么只有text-align:center生效，后面的粗体、红色样式都没起作用。

另外还要提个小细节：你的代码里有个属性名写错了——font-decoration-style:bold是不存在的属性，如果是想让文字加粗，应该用font-weight:bold；如果是想给下划线设置样式，那得先写text-decoration: underline，再搭配对应的样式属性，同时text-decoration-color要生效的前提是你已经设置了text-decoration的类型（比如underline）。

下面是修正后的代码，把所有样式合并到同一个style属性里，用分号分隔每个样式规则：

<!DOCTYPE html>
<html>
<body>
<div style="text-align:center; font-weight:bold; text-decoration: underline red;">Helloooo!...
</div>
</body>
</html>

这样写的话，居中、加粗、红色下划线的样式就能全部生效啦。以后快速加内联样式的时候，记得把所有规则都塞在一个style里就好～

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