BoostCourse/HTML/CSS

CSS - 기본2 (font)

Wooni0477 2019. 11. 13. 16:24
반응형

CSS - 기본2


1. font color 변경

.myspan{

color : red;                    //기본 색 지정

color : rgb(255,0,0);         //rgb 지정

color : rgba(255,0,0,0,5)    //rgb + add 지정

color : #ff0000;              //16진수 지정



2. font size 변경

<style>

body > div{

font-size : 16px;

}

.myspan{

font-size : 2em;

}


<div>

<span class="myspan">test</span>

</div>


-em 단위 뜻

부모의 px(픽셀) 단위라는 뜻


예를들어 부모 픽셀이 16px이면 1em 당 16px이다.

따라서 위의 myspan은 실제로 32px로 표현된다.



3. font 글꼴 변경


body > div{

font-family : 글꼴;

font-family : "Gulim";

}


반응형