React component, CSS 단위 간단 정리

EBinY·2021년 10월 30일
0
  • Modal - dialog box
  • opacity: css option 중 배경을 반투명하게 보이게 하는 효과

CSS 단위 간단 정리

  • px
    절대값으로 사용 되는 단위이다. 웹디자이너를 비롯한 디자이너들이 가장 많이 사용하고 디자인을 넘겨 받을때에도 px로 작업해서 넘겨주고 있어 정말 많이 사용 되는 단위이다.
    고정된 값이기 때문에 사용하기 편하고 이해하기도 쉽지만 반응형 웹사이트를 만들때에는 적절하지 않은것 같다

  • em
    부모 태그의 영향을 받는 상대적인 길이. 부모의 사이즈를 기준으로 하기 때문에 매우 유동적이고 파악하기 어려울 수 있다.
    반응형 웹사이트를 작업할때 많이 사용 된다.

  • rem
    rem(root em)은 최상위 요소인 html요소에 비례하여 크기를 가지는 상대적인 길이를 말한다.
    즉 html 요소에 font-size를 고정값으로 지정해 두면 그 비율에 따라 크기가 계산된다.

0개의 댓글