단위
- css에서 각 속성들의 크기를 표현하는 단위가 여러 가지 있다.
- px - 픽셀
- % - 상대적 백분율
- em - 요소의 자체의 글꼴 크기 => 요소의 글꼴 크기가 16px이라면 1em 은 16px의 값을 가진다.
- rem - 루트 요소(html)의 글꼴 크기
- vw - 뷰포트 가로 너비의 백분율 => 50vw는 뷰포트의 가로 값의 50% 크기
- vh - 뷰포트 세로 너비의 백분율 => 50vh 는 뷰포트의 세로 값의 50% 크기
색상 표현
- 색상이름 (브라우저에서 제공하는 이름) : red, tomato, royalblue, green ...
- Hex 색상 코드 (16진수 색상) : #fff, #000, #0054ff ...
- RGB (빛의 삼원색) : rgb(255, 255, 255) ...
- RGBA (빛의 삼원색 + 투명도) : rgba(0, 0, 0, 0.5) => 마지막에 투명도 1~0 사이의 숫자로 지정.
'코드 정리 > CSS' 카테고리의 다른 글
| CSS 기본 속성 (2) (0) | 2022.11.15 |
|---|---|
| CSS 기본 속성 (1) (0) | 2022.11.15 |
| CSS 스타일의 상속과 선택자 우선순위 (0) | 2022.11.15 |
| CSS 선택자 - 가상 요소 선택자 & 속성 선택자 (0) | 2022.11.14 |
| CSS 선택자 - 가상 클래스 선택자 (0) | 2022.11.13 |
