CSS
CSS 속성
dev23
2022. 2. 2. 11:58
반응형
CSS 속성(Properties)
- 화면에 어떠한 요소들을 꾸며주는 역할
- 제어 요소
1. 박스 모델
- 문서의 레이아웃을 계산할 때, 브라우저의 렌더링 엔진은 표준 CSS 기본 박스 모델에 따라 각각의 요소를 사각형 박스로 표현한다.
2. 글꼴, 문자
- 텍스트 꾸미기. 글꼴과 볼드체, 이탤릭체, 줄 띄어쓰기, 그림자 넣기 등과 같은 텍스트 기능을 설정하는 것을 포함한
텍스트 스타일링이 가능하다.
3. 배경
- 그라데이션(gradients), 배경 이미지, 둥근 테두리 등을 추가할 수 있다.
4. 배치
- 요소들의 위치를 지정할 수 있다.
5. 플렉스
- 하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을설정하는
속성이다.
6. 전환
- transition 속성을 이용해 요소의 두 가지 상태 사이에 변화를 줄 수 있다.
7. 변환
- transform 속성을 이용해 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있다.
반응형