CSS 속성

CSS 속성(Properties)

- 화면에 어떠한 요소들을 꾸며주는 역할

- 제어 요소

• 박스 모델
• 글꼴, 문자
• 배경
• 배치
• 플렉스(정렬)
• 전환
• 변환
• 띄움
• 애니메이션
• 그리드
• 다단
• 필터

1. 박스 모델

 - 문서의 레이아웃을 계산할 때, 브라우저의 렌더링 엔진은 표준 CSS 기본 박스 모델에 따라 각각의 요소를 사각형 박스로 표현한다.

 

2. 글꼴, 문자

 - 텍스트 꾸미기. 글꼴과 볼드체, 이탤릭체, 줄 띄어쓰기, 그림자 넣기 등과 같은 텍스트 기능을 설정하는 것을 포함한 

 텍스트 스타일링이 가능하다.

 

3. 배경

 - 그라데이션(gradients), 배경 이미지, 둥근 테두리 등을 추가할 수 있다.

 

4. 배치

 - 요소들의 위치를 지정할 수 있다.

 

5. 플렉스

 - 하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을설정하는

 속성이다.

 

6. 전환

 - transition 속성을 이용해 요소의 두 가지 상태 사이에 변화를 줄 수 있다.

 

7. 변환

 - transform 속성을 이용해 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있다.