# px

ryu2738

px : 픽셀em: 요소의 글자 크기rem : root element(html)의 글자 크기vw : 뷰포트 가로 너비의 백분율vh : 뷰포트 세로 너비의 백분율

sebinn

< 2023.02.17 TIL > 1. 단위 - px, em, rem 2. CSS 레이아웃 구성 방법 - flex, grid 3. font-face

ohmy0418

픽셀 단위는 CSS의 가장 기본적인 단위이다. 픽셀 단위로 값을 입력하는 것은, 내가 원하는 값을 정확하게 이 값이라고 절댓값으로 단호하게 선언하는 것이다. 1px은 사용자 디스플레이 기기의 논리적 해상도 1pt에 대응하며, 픽셀 단위로 지정한 크기는 나중에 크기를 변

bami

CSS에서 요소의 크기를 조절하는 단위에는 여러가지가 있습니다. 오늘은 대표적으로 사용되는 몇 가지 크기 단위들에 대해서 알아보도록 하겠습니다.먼저 px입니다. px는 픽셀(pixel)의 줄임말로 한국어로 화소라고도 합니다. 웹 디자인에서 가장 작은 단위로 사용됩니다.

jodheeee

프론트엔드 개발자라면 무조건 숙지해야할 CSS 속성 단위 !

938938

유투브 알고리즘이 인도해줘서 관련 강의를 보고 정리.CSS에서 크기를 설정할 수 있는 단위에는 절대적인 값(Absolute)과 상대적인 값(Relative)이 있다.절대적인 값은 지정한 사이즈를 변동시킬 수 없는 것이며, px을 예로 들 수 있다.상대적인 값은 브라우저

darcyu83

Android 기기에서 px은 폰 기종마다 다르므로 UI 크기도 기종마다 달라짐dp 계산법 px = dp x (기기 DPI/160)dp = px x (160/기기 DPI)\*160은 기본 해상도 예) 48dp의 정사각형 아이콘을 px로 그리자xxxhdpi 기기 기준으로

parkcy92

웹브라우저, 모바일 화면에서 viewport의 크기, 해상도 등에 반응하여 이미지의 사이즈를 다르게 보여주는 것을 말함.예를 들어 모바일 화면의 이미지를 그대로 노트북에 가져오면 저화질의 이미지를 보게되는데, 이런 현상을 방지하기 위해 노트북에서는 큰 이미지로 변환해

dksrltpdud

기본 개념1\. pixel : 화면을 구성하는 가장 기본이 되는 단위2\. dpi(해상도, density) : dots per inch(1인치에 얼만큼 점이 많이 찍혀 있는지) — dot을 pixel로 보아도 된다.3\. dp는 안드로이드 기기마다 스크린 크기가 다르고

nuyhes

HTML 구성CSS 구성HTML 구성CSS 구성HTML 구성CSS 구성최대한 중복되는 HTML의 클래스를 이용하여 CSS를 작성한다.onmouse(마우스를 올릴때 바뀌는 이벤트)onmouseover="this.src='경로'" onmouseout="this.src='경

oldrichlady

비전공자를 위한 HTML/CSS 강의 공부 기록입니다. 1. 절대 길이 절대 길이는 고정된 크기 단위로, 다른 요소의 크기에 의해 영향을 받지 않는다. 1) px 1px = 1/96th of 1 inch 절대 길이이므로 다른 요소의 영향을 받지 않아 화면에서 고정된 크기를 가지지만, 장치의 해상도에 따라 상대적이다. 여러 환경에서 디자인을 같게 표현하고...

ssambab

CSS의 단위에는 여러 가지가 있는데, 크게 절대적인 유닛과 상대적인 유닛으로 나눌 수 있다. 절대적 유닛은 말 그대로 값이 변하지 않는 px, pt 등을 의미한다. 상대적 유닛은 반응형 디자인에 많이 쓰이는 %, em, rem, vw, vh 등을 의미한다.

dongsudev

CSS (rem, em, px)pxem, rem

wlwl99

절대 단위 (Absolute length units) : 다른 것과 상관 없이 항상 동일한 크기인 단위 px pt | 단위 | 관련 사항 | |:---:|-----| |px|픽셀| |pt|포인트| 기기나 브라우저 사이즈 등의 환경에 영향을 받지 않는 절대적인 크기로

nalsae

😁 다양한 상황, 적절한 단위!

chedda

프로젝트에서 웹 프론트뷰를 짜다보면 px값을 rem 단위로 변환하거나 뷰 포트 단위로 변환해야하는 경우가 생긴다. 그때 유용한 페이지! (사실 내가 보려고 출간,,)px을 em / rem으로 변환px을 vw / vh 뷰포트 단위로 변환

yrats

!youtubeo0_Ot-TkqbU글꼴의 크기를 지정합니다. 주요 단위로는 px, em, rem이 있습니다.html 태그에 적용된 font-size의 영향을 받습니다. html 태그의 폰트 크기에 따라서 상대적으로 크기가 결정되기 때문에 이해하기 쉽습니다. 가장 바람직

hyacinta

디자이너에게서 디자인을 받아서 실제로 구동되는 화면으로 개발을 진행하다 보면 넓이와 높이, 여백, 폰트 사이즈 등 다양하게 단위를 지정하고 사용해야 하는 상황이 생긴다. 이 때 개발자는 고민에 빠지게 될 것이다. 어떤 단위를 사용하지? 단위를 어떻게 지정해야 할까?하지