반응형
<div style="font-size:20px;">
<p style="font-size: 1em;">1em 은 20픽셀이다.</p>
<p style="font-size: 2em;">2em 은 40픽셀이다.</p>
</div>em, rem 상대 단위
em : 부모 요소의 글꼴 크기를 기준으로 따라간다.
rem : 루트 요소의 글꼴크기(16px: 기본값)를 기준으로 따라간다.
루트요소 란 <html>요소를 의미한다.
루트요소의 기본글꼴크기는 16px 이다.
[ 여백 크기를 정할 때 em ]
em 으로 내, 외부 여백 크기를 정할 때는 ( margin 이나 padding 사용할 때 )
자기 자신의 글자 크기를 기준으로 한다.
기본적인 브라우저 기준으로 볼 때
1em 은 16px 을 기준으로 한다.
반응형
'html jquery css' 카테고리의 다른 글
| jquery Dom, 메서드, 객체생성방법 (0) | 2023.01.03 |
|---|---|
| 게시글에 생략부호를 만들고 싶을 때 (5) | 2022.10.29 |
| [css] animation, transition 퍼블리싱 할 때 속도 속성, 속성값 (0) | 2022.10.10 |
| flex, justify-content 자료 중앙에 배치시키기 (0) | 2022.10.06 |
| [반응형] 이미지 제작: 가로폭 100% 이미지 만들기 (2) | 2022.10.06 |
| 모바일 햄버거 메뉴 (2) | 2022.10.05 |
| [css코딩]브라우저의 세로(y축)의 스크롤이 항상 보이도록 할 경우 (0) | 2022.10.04 |
| 반응형 웹에서 가로 픽셀 px 을 %로 계산하는 방법 (0) | 2022.09.29 |