<font color="red">

<h1><a href="index.html"><font color="red">WEB</font></a></h1>
  <ol>
    <li> <a href="1.html"><font color="red">HTML</font></a></li>
    <li> <a href="2.html"><font color="red">CSS</font></a></li>
    <li><a href="3.html"><font color="red">JAVAScript</font></a></li>
  </ol>

CSS→ 효율, 중복제거

<style>
    a {
      color:red;
    }

  </style>

CSS 태그

<ol>
    <li> <a href="1.html">HTML</a></li>
    <li> <a href="2.html"style="color:black; text-decoration:underline">CSS</a></li>
    <li><a href="3.html">JAVAScript</a></li>
  </ol>

선택자, 프로퍼티, 값

id> class> tag

<li> <a href="2.html"class="saw" id="active">CSS</a></li>

<style>
    a {
      color: black;
      text-decoration:none;
    }
    h1 {
      font-size:45px;
      text-align:center;
    }
    #active{
      color:red;

    }
    .saw{
      color:gray;
    }

  </style>

display: block, display:none, display: inline