목록css 뷰포트 (1)

열정 실천

[CSS 008] CSS 단위 - px, %, rem/em, vw/vh

스크린 환경에서 크기를 나타내는 적합한 CSS의 단위로 px, %, rem/em, vw/vh 등이 있다. 이들은 크기가 절대 변하지 않는 절대적 단위와 상황에 따라 크기가 변하는 상대적 단위로 나뉜다. 상대적 길이 단위 요소는 상대적인 길이를 지정함으로써 다양한 기기에 적용할 수 있다. 따라서 웹 앱 이나 반응형 웹을 구현하기 위해서는 상대적 단위를 잘 알고 있어야 한다. 절대적 단위 px 스크린을 구성하는 하나의 작은 점 만약 화면의 크기가 1920*1080이면 가로 1920개, 세로 1080개의 px가 있는 것이다. ▶사용 예시 width : 100px height : 100px 상대적 단위 % 부모 요소를 기준으로 비례하여 크기를 설정 ▶사용예시 width : 50% (부모의 width가 100px..
개발 공부/CSS 2023. 3. 23. 21:48
이전 Prev 1 Next 다음