본문 바로가기

프로그래밍 공부/CSS3

CSS3 - CSS3 단위

단위 설명
% 백분율 단위
em 배수 단위
px 픽셀 단위

CSS3에서 사용하는 대표적인 단위는 %(백분율), em(배수)그리고 px(픽셀)단위가 있다. 

CSS3 단위.html
0.00MB

또한 크기 단위는 복합적으로 사용 할 수 있다. 

크기 단위의 복합 사용.html
0.00MB

전체 폰트 크기에 절대 크기를 지정하고 각각의 태그에 상대 크기를 지정하는 방법이며 많이 사용하는 방법이다.

단위 형태 설명
#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이다.

CSS3 색상.html
0.00MB

background-image 속성은 웹 페이지의 백그라운드의 이미지를 넣는 기능이다.

CSS URL.zip
0.01MB

 

'프로그래밍 공부 > 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