# rem

15개의 포스트
post-thumbnail

CSS 프로퍼티 값의 단위

px은 픽셀(화소) 단위이다. 1px은 화소 1개 크기를 의미한다.픽셀은 디바이스 해상도(resolution)에 따라 상대적인 크기를 갖는다.이와 같이 디바이스 별로 픽셀(화소)의 크기는 제각각이기 때문에 픽셀을 기준으로 하는 단위는 명확하지 않다.%는 백분률 단위의

2021년 10월 20일
·
0개의 댓글
post-thumbnail

CSS 크기 단위

CSS에서 사용하는 단위에는 absolute, relative 두가지 유형이 있다.절대 길이 단위는 고정되어 있다. 화면 크기가 매우 다양하기 때문에 화면에서 사용하는 것보다는 인쇄 레이아웃에 사용된다.고정 길이 단위 종류로는 cm, mm, in(inches), px(

2021년 10월 15일
·
0개의 댓글
post-thumbnail

[CSS] Unit(단위) & calc(),min(),max()

Unit과 이를 활용한 calc(),min(),max() 함수에 대해 다룬다.

2021년 9월 29일
·
0개의 댓글

Javascript활용 menu 제작(학습 49일차 TIL)

ES5활용한 menu제작, CSS em과 rem의 적절한 활용법

2021년 8월 23일
·
0개의 댓글
post-thumbnail

TIL 반응형 레이아웃을 위한 units : rem, em, v*, %

단위에 대해 제대로 이해해보자아!

2021년 6월 13일
·
1개의 댓글

EM REM 차이

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

2021년 4월 15일
·
0개의 댓글
post-thumbnail

[CSS] 반응형 CSS 단위 em, rem

참고 https://www.youtube.com/watch?v=xWMKz9NCD0k 사용 용도를 나누는 기준 1. 부모 요소의 사이즈에 따르는가 ? 브라우저의 사이즈에 반응하는가? 부모 요소의 사이즈에 따르겠습니다: %, em 브라우저의 사이즈에 반응할래요: v(vw

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

[CSS] 반응형 CSS 단위 (EM, REM)

참고 https://developer.mozilla.org/en-US/docs/Learn/CSS/Buildingblocks/Valuesand_units https://www.youtube.com/watch?v=7Z3t1OWOpHo absoulte px: pixel

2021년 3월 13일
·
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개의 댓글