whatisthis?
CSS의 단위 - 절대단위 / 상대단위 본문
cr : soharu.tistory.com
단위 -> font-size, text-indent, line-height, width, height, padding 등
무언가의 크기를 나타낼 때 사용됨.
절대단위 |
고정된 값 출력. 크기가 변하지 않음.
|
상대단위 |
다른 요소의 크기에 영향을 받아 상대적으로 크기 변화.
|
**주로 반응형 웹 제작시 rem 단위를 사용.
(최상위 요소, 즉 html의 영향을 받기 때문에 이 요소 하나만 변경하면 나머지가 자동으로 변함)
예> html { font-size: 62.5%} 16px = 1.6rem 18px = 1.8 rem 이런식으로 사용 가능함. |
+)
픽셀/em/퍼센트/포인트 계산 사이트 = http://pxtoem.com
rem 계산 사이트 = https://offroadcode.com/rem-calculator
'WEB STUDY > HTML,CSS' 카테고리의 다른 글
CSS 미디어쿼리 (media Query) 실습 예제 (0) | 2021.09.01 |
---|---|
CSS 그리드( grid ) 실습 예제 (1) | 2021.08.27 |
CSS - link href를 이용해야하는 이유 <캐싱> (0) | 2021.08.24 |
생활코딩 WEB2 - css 편 (3/3) (0) | 2021.08.23 |
생활코딩 WEB2 - css 편 (2/3) (3) | 2021.08.23 |