<input type="button" value="按钮" style=" display: block; width: 60px; height: 40px; background-color: rgb(140, 235, 100); color: white; border: 3px solid green; font-size: 22px; font-family: '隶书'; line-height: 30px; border-radius: 5px; "/> 这段代码放到css文件中为什么报错

这段代码因为是 HTML 代码，如果放到 CSS 文件中会导致 CSS 文件的语法错误，因为它并不是 CSS 语法。CSS 文件中应该只包含 CSS 语法，如下所示：

button {
  display: block;
  width: 60px;
  height: 40px;
  background-color: rgb(140, 235, 100);
  color: white;
  border: 3px solid green;
  font-size: 22px;
  font-family: '隶书';
  line-height: 30px;
  border-radius: 5px;
}

这段 CSS 代码将会应用到所有的 `<button>` 元素上，它们将拥有与之前 HTML 代码相同的样式。