<!DOCTYPE html>
<html lang="en">
<!--
CSS嵌入方式优先级【行内>内部>外部】
行内样式表不推荐使用
内部样式表少量使用
-->
<head>
  <meta charset="UTF-8">
  <title>CSS声明方式</title>
<!--  内部样式表：书写在<style>标签中[<style>标签一般书写在<head></head>标签内]
-->
<!-- 引入外部样式表
      定义外部样式表;deo01.css
      rel="设置引入文件和当前文件的路径"
      href="引入文件的路径"
      type="文件类型"
 -->
  <link rel="stylesheet" href="deo01.css" type="text/css">
  <style type="text/css">

   p{
  color: black;
  font-size: 36px;
}
    /*定义 ID选择器*/
    #div2{
      color: aqua;
    }
  /* 定义类选择器*/
    .f-s{
      font-size: 66px;
    }

  </style>
</head>
<body>
<!-- 行内样式表   就近原则  -->
    <p style="color: red">第一</p>
<!--    <p style="color: #f00">第一</p>  16进制-->
<!--    <p style="color: rgb(255,0,0)">第一</p> 坐标选择-->
    <p>第二</p>
<!-- 标签选择器  -->
    <p class="f-s">第三</p>


    <div>div1</div>
<!-- id="div2"   id选择器
     class=“f-s" 类选择器
   -->
    <div id="div2" class="f-s">div2</div>
    <div class="f-s">div3</div>
</body>
</html>