HTML关联CSS文件报错：提示缺少{符号，求技术解决方案

错误根源 #

你遇到的语法错误，核心原因是内联<style>标签里的CSS代码缺少必要的大括号：

• body选择器后面没有加{开启样式块
• 样式声明结尾也没有}闭合样式块

另外还有一个规范问题：font-awesome的<link>标签应该放在<head>内部，而非外部。

修正后的代码 #

<head>
  <link rel="stylesheet" type="text/css" href="style.css" />
  <!-- 把外部样式表的link统一放在head里 -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <meta charset="utf-8">
  <title>home</title> 
</head>

<style>
/* 补全大括号，遵循CSS语法规范 */
body {
  background-color: rgb(255, 255, 255);
}
</style>

关键注意事项 #

• 内联CSS或外部CSS文件中，所有样式必须遵循「选择器 + { + 样式声明 + }」的结构，缺任何一个大括号都会触发语法错误。
• 所有外部样式表的<link>引入标签，都要放在<head>标签内部，这是HTML标准写法，能避免页面渲染时的样式加载异常。

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