프로그래밍 공부 이야기

  • 홈
  • 태그
  • 방명록

Transition 1

28일차 복습

em과 rem 둘 모두 배수로 크기를 지정하는 단위로, 기본 글자 크기 16px을 기준으로 늘리거나 줄인다. 다만 em은 부모 태그가 존재할 경우, 부모의 크기를 기준으로 배수를 한다. 반면 rem은 부모 태그가 몇개가 존재하더라도 항상 같은 값이 나온다. 아래의 예를 보자. 기본크기 16px 테스트문구 (19.2px) 테스트문구 (23.4px) 테스트문구 (27.6px) em의 경우는 부모 태그의 1.2배를 거듭 한다. 그렇다보니 같은 값을 얻기 매우 힘들어 나온 기술이 rem이다. rem은 부모 태그가 얼마나있든 상관없이 항상 16*1.2의 값인 19.2px가 나온다. 기본크기 16px 테스트문구 (16*1.2=19.2) 테스트문구 (19.2*1.2=23.4) 테스트문구 (23.4*1.2=27.6) ..

공부/html --- css 2022.12.21
이전
1
다음
더보기
프로필사진

프로그래밍 공부 이야기

  • 분류 전체보기 (149)
    • 에러 기록 (15)
      • 배포 에러 (1)
    • 공부 (106)
      • html --- css (10)
      • Bootstrap (1)
      • javascript (8)
      • jQuery (1)
      • java (39)
      • sql (3)
      • springboot (22)
      • kotlin (3)
      • 네트워크 (4)
      • 운영체제 (0)
      • JSP (1)
      • MyBatis (1)
      • C# (6)
      • C++ (4)
    • 사이드 프로젝트 (7)
      • 코인 거래 내역 추적기 (6)
      • 우테코-오픈미션 (1)

Tag

스프링부트, C#, 에러, 함수, HTML, 타임리프, c++, CSS, SQL, http, 정렬, 자바스크립트, 인터페이스, 오류, java, 테스트, 스프링, 빈, 자바, 클래스,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/11   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바