为什么编辑器中的HTML和Body标签被标红？未发现代码错误求排查

问题原因 #

编辑器对HTML和body标签标红，是因为你代码内的CSS存在两处语法错误，导致样式解析异常向上触发了校验提示：

• .logot类的样式中，text-shadow: 2px 2px #000000末尾缺少英文分号，修正为：

text-shadow: 2px 2px #000000;

• .main-title类的样式中，text-shadow: 1px 1px 1px black末尾缺少英文分号，修正为：

text-shadow: 1px 1px 1px black;

把两处缺失的分号补上后，标红提示就会消失。

可选优化点 #

• body样式中同时声明了margin-top: 5vw和margin: 0，后者会覆盖前者的所有margin设置，属于冗余代码可以根据你的需求删除无用部分
• <!DOCTYPE html>声明前存在多余的前置空格，建议删除以保证DOCTYPE声明位于文档最开头，避免部分旧版本浏览器解析异常

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