CSS3 引入方式注释颜色属性学习笔记

css3三种引入方式

行内引入(尽量避免，可测试时使用)
内嵌式引入(尽量避免，可测试时使用)
链接式引入

三种引入方式优先级：行内引入>内嵌式引入>链接式引入

行内引入

使用style属性引入CSS样式。

  <body>
    <h1 style="color: aquamarine;">你好鸭</h1>
  </body>

内嵌式引入

在style标签中书写CSS代码。style标签写在head标签中。

  <head>
    <title>内嵌式引入</title>
    <style type="text/css">
      h1 {
        color: deepskyblue;
      }
</style>
  </head>
  <body>
    <h1>你好鸭</h1>
  </body>

链接式引入

CSS代码保存在扩展名为.css的样式表中
HTML文件引用扩展名为.css的样式表
<link rel="styleSheet" href="CSS文件路径" type="text/css" />

  <head>
    <title>链接式引入</title>
    <link rel="stylesheet" href="style_link.css" type="text/css" />
  </head>
  <body>
    <h1>你好鸭</h1>
  </body>

style_link.css

h1 {
  color: coral;
}

css3注释

/*我是注释鸭*/

css3颜色属性

color：文本前景色
background_color：元素背景色

h1 {
  color: coral;
  background-color: darkgray;
}

CSS3 引入方式 注释 颜色属性 学习笔记

CSS3 引入方式注释颜色属性学习笔记