개인공부/CSS

[CSS]단위

octopengj 2021. 4. 9. 18:44

-px

 해상도에 따른 상대단위, 고정을 하여 사용.

 

-%

 부모요소에 영향을 받는 사이즈 단위.

 

-em

 부모요소로부터 상속받음.

 자기자신의 폰트사이즈에 영향을 받음.

 

-rem

 중간단계의 조상요소는 건너뛰고 최상위의 조상요소의 영향을 받음.

 

-vw

 흰색화면 전체가 뷰포트

 뷰포트의 가로의 너비 비율로 사용 50vw 50%만 사용 100vw가 최대

  

-vh

 뷰포트의 세로의 너비

 

-vmin

 뷰포트의 최소 너비

 

-vmax

 뷰포트의 최대 너비

 

 

 

 

 

 

 

#패스트캠퍼스 

'개인공부 > CSS' 카테고리의 다른 글

[CSS]속성-글꼴, 문자  (0) 2021.04.09
[CSS]속성-박스 모델  (0) 2021.04.09
[CSS]우선순위  (0) 2021.04.09
[CSS]상속  (0) 2021.04.09
[CSS]속성 선택자  (0) 2021.04.09