px , em , rem
- px 절대 단위 Absolute unit
- em 상대단위 Relative unit
- rem 상대 단위 Relative unit
em = " equal to capital M (실제로 적용된 폰트 사이즈)
rem = "html에 적용된 폰트사이즈
line-height: 줄간격
line-height 표현할 때는 em 많이 표시.
letter-spacing : em 많이 표현 / 자간조정
font-family: "Roboto"
font-weight: 100 / 300 / 400 / 500 / 700 / 900
Thin 100
light 300
Regular 400
Medium 500
Bold 700
Black 900
Color : hex, rgb, rgba
#00066ff
rgb(0,102,255)
rgba(0,102,255,1)
Text align
글자 정렬
*left | right | center
text-indent : 들여쓰기
Text-transform
*none | capitalize | uppercase | lowercase
capitalize - 앞 문자만 대문자로 변경
Text-decoration
*none | underline | line-through | overline
font-style
*normal | italic \ oblique
CSS
@import url("./fonts.css");HTML
<link href="주소" rel="stylesheet"/>
