[css] CSS 속성의 종류 (display, font 등)

나매니저 ㅣ 2024. 5. 3. 14:04

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: 투명도


이제 차근차근 각 속성에 대해 정리해야겠다.

'HTML•CSS' 카테고리의 다른 글

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