# rem
px, em, rem 차이점
px은 값이 고정되어있는 절대값의 단위, em 과 rem은 환경에 따라 변하는 상대단위!https://pf-emoji-service--cdn.us-east-1.prod.public.atl-paas.net/standard/caa27a19-fc09-4452-b2b

CSS 단위 비교 : 무엇을 사용하는 것이 좋을까?
px만 남발하면서 CSS를 짜던 시절...(1개월도 안 지남) 여느 때와 같이 그렇게 CSS를 짰는데 px 대신 상대 단위를 써보면 어떻겠냐는 코드 리뷰가 달렸다. 단위는 무조건 px만 쓰던 나였기에 우선적으로 CSS 단위에 대한 학습이 필요했다. CSS단위에 대해 알
[CSS] CSS 수치 값 표현(px, %, em, rem, viewport)
디지털 세계에서 일반적인 측정 단위페이지가 출력되는 화면의 크기(브라우저 창의 크기, 모니터 화면의 크기 등)가 달라져도 컨텐츠의 크기가 고정된 값으로 유지됨.font-size의 기본값 16px4K 화면 -> 3840 x 2170 픽셀부모 요소의 공간 기준 상대적 크기

HTML, CSS 230717
~ 오늘은 6일차 ~Hyper Text Markup Language웹 페이지 표시를 위해 개발된 지배적인 표준 마크업 언어콘텐츠를 삽입할 수 있게 해주는 요소들로 구성된 지극히 간단한 언어웹을 이루는 가장 기초적인 구성 요소 ① tag : 웹 문서를 구성하는 명령어

[F-Lab 모각코 챌린지 44일차] CSS 단위 (px, %, vh, vw, em, rem)
CSS 단위 (px, %, vh, vw, em, rem)

[CSS] px, em, rem
❓px (픽셀) px는 픽셀 단위로, 고정된 크기를 나타낸다. px 값은 사용자의 화면 해상도에 따라 정확한 크기를 가지게 된다. 주로 레이아웃이나 정확한 크기를 필요로 하는 요소에 사용된다. 예를 들어, 너비나 높이를 고정적으로 지정하거나, 특정한 텍스트 크기를 설정하는 경우에 유용하다. ❓em em은 상대적인 크기를 나타내는 단위다. em 값은 부모...
[CSS] 웹 접근성 향상을 위한 rem 단위 적용하기
css속성에 크기나 길이값을 적용할 때 사용하는 여러가지 단위들이 있다. px/em/rem/ex/%/cm/mm/in/pt/pc/ch/vh/vw/vmin/vmax.. 이렇게 아주 많은데 각각의 개념을 알고 적절히 잘 사용할 필요가 있다. DND 슬편생 프로젝트에서는 re
CSS 단위(작성중)
px : 픽셀em: 요소의 글자 크기rem : root element(html)의 글자 크기vw : 뷰포트 가로 너비의 백분율vh : 뷰포트 세로 너비의 백분율

[jQuery] 제이쿼리 메소드 2 (+cs 공부정리)
var, let, const 호이스팅 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것처럼 행동한다는 의미입니다. 스코프 함수 스코프(function-scoped) var 는 함수 스코프입니다. 블록 스코프(block-scoped) let과 const는 블록
rem, em, px 차이점 알아보기

TIL / CSS 기초 : 단위(px, em, rem), CSS 레이아웃 구성 방법(flex, grid), font-face
< 2023.02.17 TIL > 1. 단위 - px, em, rem 2. CSS 레이아웃 구성 방법 - flex, grid 3. font-face
숫자 단위 - Rem | Px | Em
픽셀 단위는 CSS의 가장 기본적인 단위이다. 픽셀 단위로 값을 입력하는 것은, 내가 원하는 값을 정확하게 이 값이라고 절댓값으로 단호하게 선언하는 것이다. 1px은 사용자 디스플레이 기기의 논리적 해상도 1pt에 대응하며, 픽셀 단위로 지정한 크기는 나중에 크기를 변

[CSS] 요소의 크기 단위
CSS에서 요소의 크기를 조절하는 단위에는 여러가지가 있습니다. 오늘은 대표적으로 사용되는 몇 가지 크기 단위들에 대해서 알아보도록 하겠습니다.먼저 px입니다. px는 픽셀(pixel)의 줄임말로 한국어로 화소라고도 합니다. 웹 디자인에서 가장 작은 단위로 사용됩니다.
[CSS in Depth] 2. Working with relative units
2.1. The power of relative values CSS는 웹페이지에 동적바인딩(late-binding) 스타일을 부여한다. > 동적바인딩(late-binding) 바인딩(binding)이란 프로그램에 사용된 구성 요소의 실제 값 또는 프로퍼티를 결정짓는
px, em, rem, vw, vh
유투브 알고리즘이 인도해줘서 관련 강의를 보고 정리.CSS에서 크기를 설정할 수 있는 단위에는 절대적인 값(Absolute)과 상대적인 값(Relative)이 있다.절대적인 값은 지정한 사이즈를 변동시킬 수 없는 것이며, px을 예로 들 수 있다.상대적인 값은 브라우저
rem/em/vw/vh...의 max()? min()?
폰트 사이즈가 기본 3vw이며 최대 32px가 되면 그 값에서 홀딩폰트 사이즈가 기본 3vw이며 최소 12px로 되어지면 그 값에서 홀딩이처럼 min, max를 섞어서 사용도 가능하다!출처