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";
}
반응형