网站HTML验证出现CSS Parse Error,定位到第52行body样式代码如何修复?
CSS Parse Error 根因与修复方案
错误定位说明
验证工具提示的第52行末尾空行属于报错位置误判:空行本身完全不会触发CSS解析错误,CSS解析器会自动忽略代码中所有多余的空白字符、换行与空行。
真正的错误来自你贴出的代码块内两处不符合CSS语法规范的引号使用:
- 对
font-family属性值整体包裹了双引号,且错误将通用字体族sans-serif也纳入引号包裹范围 - 对
box-sizing的枚举值border-box额外包裹了双引号,导致解析器无法识别这个合法属性值,在扫描到代码块末尾的闭合大括号位置时,才抛出解析错误提示,让你误以为是空行导致的问题
正确语法规则
font-family属性的引号使用要求:仅当字体名称本身包含空格、特殊字符时,才需要给单个带特殊字符的字体名加双引号;通用字体族(如sans-serif、serif、monospace)永远不要被引号包裹,否则会被识别为无效的字体名字符串。- 所有CSS枚举关键字(如
border-box、content-box、flex、block等)都属于无引号的语法值,外层加双引号会直接触发解析失败。
修复后的标准代码
body { font-family: Arial, sans-serif; box-sizing: border-box; }
内容的提问来源于stack exchange,提问作者Benji
相关产品推荐
相关产品推荐

