CSS - 기본2 (font)
BoostCourse/HTML/CSS
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";
}
반응형
'BoostCourse > HTML/CSS' 카테고리의 다른 글
css - 기본5 (float, box-sizing) (0) | 2019.11.13 |
---|---|
CSS - 기본4 (레이아웃, Margin, Border, Padding) (0) | 2019.11.13 |
CSS - 기본3 (레이아웃 종류, 블록 엘리먼트) (0) | 2019.11.13 |
CSS - 기본1 (css 구조, 우선순위, 상속) (0) | 2019.11.13 |
HTML - 레이아웃 (0) | 2019.11.13 |