CSS!

CSS 속성의 종류

잊기 2024. 1. 16. 16:05

내가 얼마나 알려나...
종류나 설명이나 기억 나는 대로 적어보는거라 틀릴 수 이뜸
정확한건 추후 강의 보면서 포스팅하는 글로 확인..;

 

박스 모델
- 가로, 세로, padding, margin

글꼴, 문자
- font, size, style(underline..)

배경
- background size, image, color

배치
- 명령어가 생각이 안나...
  잘 사용하는 편은 아니지만 위(top), 좌(left)에서 얼마나 떨어져있게라던가
  고정식으로 지정 가능

정렬 (플렉스)
- 플렉스랑 그리드랑 헷갈린다아.. @.@

전환
- 요소가 전 / 후로 변화할 때 자연스럽게 바뀌는 애니메이션 효과 부여

변환
- 요소를 회전하거나 이동, 크기를 조절해주는 효과
(회전문처럼? 평면상태의 요소가 좌우, 위아래 등으로 이동하거나
사다리꼴도 있었구.. 뭐 또 있었는데 기억안나네 이것듀.. )

띄움  (사용해 본 적 없음)
- 처음봐따... 박스와 글자를 수평정렬하는 기능

애니메이션
- 전환보다 복잡한 애니메이션 구조를 만들 수 있음

그리드
- 레이아웃을 위해 만들어진 구조
  가로(세로)를 n 등분으로 나누고, 각각의 정렬 선택 가능
  1 1 1 1 1  기본정렬이나
  1    1    1  동일한 간격으로
        1 1 1  요렇게 변환적으로도 가능.. 명령어가 생각이 안나아..

다단  (사용해 본 적 없음)
- 한글에서 범위를 나누는것처럼 다단 나눔

필터 (사용해 본 적 없음)
- 블러(흐림), 흑백, 반전