为什么我编写的CSS背景颜色样式规则没有被正确应用？

你提供的代码存在3处核心语法错误，直接导致背景等样式不生效，具体问题和修复方案如下：

• 错误1：CSS中混入HTML标签。你放在CSS开头的三个<link>是HTML的资源引入标签，必须放在HTML文件的<head>块内，不能写在CSS文件或者<style>标签中，否则会直接打断后续所有CSS规则的解析。
• 错误2：颜色值格式非法。.card选择器下的background-color: #FFFFFFF;使用了7位十六进制字符，标准十六进制RGB颜色值为6位（或3位缩写、8位带透明度），非法值会被浏览器直接忽略。
• 错误3：h1样式块未闭合。h1的样式定义结束后缺少闭合花括号}，会导致浏览器将后续所有CSS规则都判定为h1的样式内容，全部解析失败，你设置的main背景色也无法生效。

修复后的CSS代码 #

main {
  background-color: #D7E3FA;
}

.card {
  width: 400px;
  background-color: #FFFFFF;
}

h1 {
  color: #1B212C;
  font-size: 32px;
  font-family: 'Lato', sans-serif;
  border: 1px solid red;
}

p {
  color: #5E636B;
  font-size: 32px;
  font-family: 'Lato', sans-serif;
}

img {
  width: 140px;
  height: 140px;
}

请将原本的三个<link>标签移动到HTML文件的<head>标签内，不要放在CSS代码区域。

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