👋 Hello, I am Seung-ho Ham

🧑🏻‍💻 A Developers who create code that changes the world

카테고리 없음

[DEV] CSS 속성(Properties)

Potato_H 2021. 5. 25. 18:32
반응형

속성의 종류

  • 박스 모델 : 가로, 세로 너비
  • 글꼴, 문자 : 폰트(서체), 문자 크키 등
  • 배경 : 배경 이미지 등
  • 배치 : 원하는 요소를 원하는 위치에 배치
  • 플렉스(정렬) : 수직에서 쌓이는 레이아웃이 아닌 수평 정렬
  • 전환 : 요소의 전 생태와 후 상태를 자연스럽게 애니메이션 처리를 해주는 것
  • 변환 : 요소를 회전하거나 이동시키거나 크기를 조정시키는 것(2D, 3D변환 등)
  • 띄움 : 요소를 공중으로 띄우는 것(이미지 주변으로 문자가 나타내게 하는것 ex.신문기사 등)
  • 애니메이션 : 복잡한 구조의 이미지 변환을 사용할 떄 자연스럽게 해주는 것
  • 그리드 : 행과 열을 가지고 있는 2차원의 레이아웃을 제어하기 위함
  • 다단 : 여러 단으로 나누고 구별해줄 때 사용
  • 필터 : 이미지 흐림(blur)처리, 흑백(grayscale)처리, 이미지 반전(reverse)처리 가능