Hexion Lab Design

  • 홈
  • 태그
  • 방명록

REM 1

[CSS] 단위 (%, rem, em, vw, vh)

CSS 단위 % 부모요소의 영향을 받는다 em 부모 요소의 폰트 사이즈의 몇배 인지 (상위폰트사이즈 * 현재폰트사이즈) ex) 부모 요소의 폰트사이즈가 24px 현재 요소의 폰트 사이즈를 20em 지정 실질적으로 20em = 480 (24*20) px rem 최상위 폰트사이즈 기준 = html 속성의 값 ex) html font-size : 16px 현재 요소 fon-size : 20rem 실질적으로 20rem = 320(16 * 20) px padding에 8px을 준다 -> padding:0.5rem 언제 씀? 각각의 요소에 rem으로 값을 지정해주었으니까 html 요소의 값만 변경하면 모바일 변환할 때 편하다 vw , vh v = viewport의 약자 뷰포트가 기준 20% -> 부모요소(패딩값 포..

퍼블리싱 2022.03.09
이전
1
다음
더보기
프로필사진

Hexion Lab Design

  • 분류 전체보기 N
    • 디자인
      • 디자인기초
      • 어도비
      • 피그마
    • 퍼블리싱
    • 프론트엔드
    • 프로그래밍
      • JavaScript
      • Java
      • Python
      • Android Studio
      • Other information
    • 일상 N
      • 여행
      • 맛집
      • 브이로그 N

Tag

자바스크립트, 박스모델, 자바스크립트 리턴, 안드로이드스튜디오, 디자인 기초, CSS, 리액트, 프로그래밍, 프론트엔드, 갤럭시워치7, 개발, HTML, JavaScript, 코딩, 자바, java, 필드, 리액트스크롤, 웹디자인, 웹개발,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바