CSS에는 많은 속성이 있지만, 가장 일반적으로 사용되는 CSS 속성과 그에 대한 일반적인 값들을 적어봤습니다.
1. 색상과 배경 속성(Color and Background Properties)
- color: 텍스트 색상
- background-color: 배경 색상
- background-image: 배경 이미지
- background-size: 배경 이미지 크기 조절
- background-position: 배경 이미지 위치 조절
2. 폰트와 텍스트 속성(Font and Text Properties)
- font-family: 글꼴
- font-size: 글꼴 크기
- font-weight: 글꼴 두께
- font-style: 글꼴 스타일
- text-align: 텍스트 정렬
- line-height: 줄 간격
3. 레이아웃 속성(Layout Properties)
- display: 요소의 표시 방법
- width: 너비
- height: 높이
- margin: 외부 여백
- padding: 내부 여백
- border: 테두리
- float: 요소를 왼쪽이나 오른쪽으로 띄움
- position: 요소의 위치 지정
4. 박스 모델 속성(Box Model Properties)
- margin: 요소의 외부 여백
- padding: 요소의 내부 여백
- border: 요소의 테두리
- width: 요소의 너비
- height: 요소의 높이
5. 애니메이션 및 변환 속성(Animation and Transformation Properties)
- animation: 애니메이션 효과
- transition: 전환 효과
- transform: 변형 효과 (이동, 회전, 크기 변경 등)
6. 기타 속성(Miscellaneous Properties)
- cursor: 마우스 커서 모양
- z-index: 쌓이는 순서
- opacity: 투명도
이제 차근차근 각 속성에 대해 정리해야겠다.
CSS란 뭘까 (0) | 2024.05.15 |
---|---|
[css] 그라데이션 폰트 만들기 (2) | 2024.05.03 |
[css] CSS의 구조 (선택자, 요소, 값) (0) | 2024.05.03 |
[css] Display 종류와 예시 (0) | 2024.05.02 |
VScode 단축키 (맥용) Visual Studio Code (2) | 2024.04.25 |