단위 | 설명 |
% | 백분율 단위 |
em | 배수 단위 |
px | 픽셀 단위 |
CSS3에서 사용하는 대표적인 단위는 %(백분율), em(배수)그리고 px(픽셀)단위가 있다.
또한 크기 단위는 복합적으로 사용 할 수 있다.
전체 폰트 크기에 절대 크기를 지정하고 각각의 태그에 상대 크기를 지정하는 방법이며 많이 사용하는 방법이다.
단위 형태 | 설명 |
#000000 | HEX 코드 단위 |
rgb(red, green, blue) | RGB 색상 단위 |
rgba(red, green, blue, alpha) | RGBA 색상 단위 |
hsl(hue, saturation, lightness) | HSL 색상 단위 |
hsla(hue, saturation, lightness, alpha) | HSLA 색상 단위 |
RGBA와 HSLA 색상 단위의 A는 alpha 값이며 투명도를 의미하고 1.0부터 0.0 사이의 값을 입력한다. |
HSL/HSLA 단위는 색상Hue, 채도Saturation그리고 명도Lightness이다.
background-image 속성은 웹 페이지의 백그라운드의 이미지를 넣는 기능이다.
'프로그래밍 공부 > CSS3' 카테고리의 다른 글
CSS3 - 박스 속성 (0) | 2019.11.17 |
---|---|
CSS3 - 가시 속성 (0) | 2019.11.17 |
CSS3 - 부정 선택자 (0) | 2019.11.16 |
CSS3 - 링크 선택자 (0) | 2019.11.16 |
CSS3 - 문자 선택자 (0) | 2019.11.16 |