CSS(Cascading Style Sheets,层叠样式表)

  • CSS 属性和值不区分大小写
  • 注释:/* */
  • CSS 中的空白会被忽略
  • 浏览器遇到无法解析的 CSS 会直接忽略

在 HTML 中引入 CSS

外部样式

在 head 中使用 link 标签引入 css 文件

<!doctype html>
<html lang="zh-CN">
  <head>
    <link rel="stylesheet" href="styles.css" >
  </head>
</html>

外部样式不会阻塞 HTML 的解析,但是会阻塞页面的渲染

内部样式

在 head 中使用 style 标签写样式

<!doctype html>
<html lang="zh-CN">
  <head>
    <style>
      /* ... */
    </style>
  </head>
</html>

内联样式

直接在标签上使用 style 属性写样式

<html lang="zh-CN">
  <head>
  </head>
  <body>
    <h1 style="color: blue;">Hello World!</h1>
  </body>
</html>