# rem

8개의 포스트

EM REM 차이

(상위 요소가 12px이라면) 실제로 크기는 (12 x 1.5) px실제 크기는 (16 x 2) px

5일 전
·
0개의 댓글
post-thumbnail

[CSS] 글꼴 크기 단위 px과 rem의 차이점 📑

안녕하세요! 오늘은 간단하게 CSS에서 글꼴 크기 단위인 px과 rem을 각각 지정하였을때 어떤 차이점이 있는지 알아보도록 하겠습니다.

2021년 3월 7일
·
0개의 댓글
post-thumbnail

CSS 단위(px, em, rem)

가장 기본적으로 사용되는 단위화소 1개의 크기를 의미한다. ( 22인치 LCD= 1680\*1050 )디바이스 해상도에 따라 상대적인 크기를 갖는다. ( 디바이스 별 제각각 )유연한 가변 단위스타일을 지정한 요소의 폰트 크기를 곱해 픽셀로 변환 된다.(상위 요소가 아

2020년 9월 23일
·
0개의 댓글

em vs rem vs px

부모요소의 font크기를 기준으로 상대적인 font크기를 나타내는 단위 최상위 요소인 html 요소의 font크기를 기준으로 상대적인 font크기를 나타내는 단위 크기가 고정된 절대단위 참고https://www.w3schools.com/cssref/css_un

2020년 8월 25일
·
0개의 댓글

가변 레이아웃과 가변 요소

텍스트 크기를 픽셀 단위를 사용하면 크기가 고정되기 때문에 유동적으로 크기를 변경하기 위해서 em, rem 단위를 사용한다.1em = 16px부모 요소에서 지정한 폰트의 대문자 M의 너비를 1em으로 지정한다. 단점으로는 부모 요소의 크기에 따라 자식 요소의 글자 크기

2020년 7월 30일
·
0개의 댓글

[사전스터디] px와 rem

font-size에 대해 wrap-up하려고 한다. 기본적으로 html의 default 글자크기는 16px이다. 따라서 font-size를 1.5rem으로 하면 24px의 크기를 갖는다. 매번 계산을 하는 것이 번거로울 수 있다. 예를들어 3.5rem은 16 x 3.5 와 같은 연산은 번거롭다. (연산은 컴퓨터가 나보다 잘하는 거니까.....) 따...

2020년 4월 14일
·
1개의 댓글

HTML unit

CSS의 기본이 될 수 있는 크기 단위 정리

2020년 2월 13일
·
0개의 댓글
post-thumbnail

자주 쓰는 html,css

css float한거 영역 채우기 clearfix img float 속성을 적용한 요소의 부모요소에 ::after를 사용해주면 된다. span과 ul태그를 감싸는 div 태그에 ::after를 추가하였습니다. 레퍼런스 : CSS / float를 clear하는

2019년 12월 19일
·
0개의 댓글