HTML + CSS

CSS 단위

그러하게 2019. 4. 8. 10:18

1. font-size 

  • px : 절대값
  • rem : <html> 태그의 font-size에만 영향을 받음
  • em : 자기 자신의 font-size 의 2배. 자기 사진의 font-size를 따로 정해주지 않을 경우, 상위 요소에서 상속받은 값을 기준으로 함
  • % : 상위 요소의 font-size의 몇 %

2. padding, margin

  • px
  • % : 상위 요소의 width 값의 몇 %

      div {
              width: 900px;
              height: 700px; 
              margin-top: 10%;         
         } 
        ∴ margin-top 값은 90px