[CSS3] 03. CSS 단위

[CSS3] 03. CSS 단위

 

1. 키워드

ex) display의 프로퍼티 값: block, inline, inline-block, none

 

2. 크기 단위

cm, mm, inch 등

CSS에서 사용하는 대표적인 크기 단위는 px, em, %

px은 절대값, em, %는 상대값.

 

  2.1 px: 픽셀, 화 소단위

 

  2.2 %: 백분률 단위의 상대 단위

 

  2.3 em: 배수(倍數) 단위로 상대 단위

 

 

  2.4 rem: 최상위 요소(html)의 사이즈를 기준

 

  2.5 Viewport 단위(vh, vw, vmin, vmax): viewport를 기준으로 한 상대적 사이즈

 

3. 색상 표현 단위

- 색상을 지정하기 위해 키워드(red, blue…)를 사용

- HEX 코드 단위

- RGB, RGBA, HSL, HSLA

 

  3.1 Color keywords

 

참고:

- CSS 단위: https://quirksmode.org/css/units-values/

- https://poiemaweb.com/css3-units

CSS3 Units | PoiemaWeb

 

 

세상을 링크하라!!! 모든 링크를 한 자리에...
링크닷컴: https://linkdotcom.mycafe24.com/

유용한 링크, 링크닷컴 #무료 #링크사이트 #링크사이트