[CSS] HTML font태그를 CSS문법으로 효율있게 바꾸는 방법 a{color:red;}

글자를 빨간색으로 바꾸고싶다면 <font color="red"></font>

 <h1><a href="index.html"><font color="red">WEB</font></a></h1>

 

a태그와 h1태그는 font태그와 다르다.

a태그는 WEB이라는 링크의 정보이고, h1태그는 WEB이라는 문자가 웹페이지에서 제목이라고 해주는 중요한 정보이다.

 

font태그는 WEB에 대해서 어떠한 정보를 가지고 있지않은, 빨간색으로 표현해야한다는 디자인을 나타낼 뿐이다. 디자인 자체는 정보가 아니다. (시각장애인이 봤을때 의미가 없으면 정보가 아니다)

---

편집기에 작성된 코드문단을 지우지않고 무시하고 싶다면

<!-- (내용) -->

태그를 사용해준다.

<!--
<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의 문법이다.

HTML의 font태그는 일일이 작성을 해줘야하며, 몇천개의 코드를 한번에 바꿔주고 싶다면 CSS를 사용해준다.

a {color:red;}

<style>
      a {
        color:red;
      }  
    </style>
    
<a href="1.html">HTML</a>
<a href="2.html">CSS</a>