web_frontend(14)CSS 단위
2021. 3. 11. 04:32ㆍweb_frontend(패스트캠퍼스 강의 정리)
CSS 단위
표현 단위
단위
px : 픽셀 -> 절대 단위
% : 상대적 백분율
em : 요소의 글꼴 크기
rem : 루트 요소(html)의 글꼴 크기
vw : 뷰포트 가로 너비의 백분율
vh : 뷰포트 세로 너비의 백분율
기본적으로 폰트 크기는 16px
1em = 폰트 사이즈 = 16px
10em = 160px
부모요소의 폰트 사이즈에 따라서 달라지기 때문에 사용하기 까다로울 수 있다.
rem은 루트 요소의 글꼴 크기에만 영향을 받기때문에 em보다 상대적으로 사용하기 좋다.
'web_frontend(패스트캠퍼스 강의 정리)' 카테고리의 다른 글
| web_frontend(16)CSS border (0) | 2021.03.11 |
|---|---|
| web_frontend(15)CSS margin과 padding (0) | 2021.03.11 |
| web_frontend(13)CSS 속성 (0) | 2021.03.10 |
| web_frontend(12)CSS 선택자 (0) | 2021.03.07 |
| web_frontend(11)CSS 선언방식 (0) | 2021.03.07 |