[CSS] font-size, color

오늘은 CSS에서 font-size와 color 속성에 대해 알아볼 거예요 😊

font-size에 px만 있는줄 알았는데 em, rem 단위도 있었다니,,

 

그럼 우선 font-size의 px, rem, em 단위에 대해서 알아볼게요!

 

px

모니터 상의 화소 하나의 크기에 대응되는 단위로 고정된 값이지만, 사용자가 글꼴의 크기를 조정할 수 없기 때문에 가급적 사용을 하지 않는 것이 좋다고 해요 

 

rem

html 태그의 폰트 크기에 따라서 상대적으로 크기가 결정되고 사용자가 웹 브라우저 상에서 폰트 사이즈를 변경하는 것에 따라 동일하게 변경되기 때문에 rem을 사용하는 것을 권장한다고 해요

 

em

부모 태그의 영향을 받는 상대적인 크기로 파악하기가 어렵다고 해요! rem이 등장하면서 이 단위 역시 사용이 권장되지 않는다고 합니다

 

---

 

이제 글자의 색상을 지정할 수 있는 color 속성에 대해 알아볼게요!

color를 지정할 수 있는 방법도 3가지가 있다고 해요

 

color name을 입력하는 방법

 <style>
        h1 {
            color: powderblue;
        }
 </style>

 

rgb 값을 입력하는 방법

<style>
       h2{
          color: rgb(255,255,0);
       }
</style>

 

hex(16진수) 값을 입력하는 방법

<style>
        h3{
            color: #00ff00;
        }
</style>