CSS

CSS에 대한 기초 설명이다.

CSS의 선택자, 상속에 대해 다룬다.

font와 text를 꾸며줄 수 있는 요소들을 다룬다.

Unit과 이를 활용한 calc(),min(),max() 함수에 대해 다룬다.

Box Model의 margin, border, padding 영역과 관련된 내용을 다룬다.

Layout을 이루는 box, inline 요소들의 display, visibility, float, position, overflow, z-index에 대해 다룬다.

Color와, background-position, background-repeat같은 Background 요소들에 대해 다룬다.

요소에 회전, 크기 조절, 기울이기, 이동 효과를 줄 수 있는 Transform의 scale, rotate, skew, translate와 요소에 변화를 주는 Transition의 duration, delay등에 대해 다룬다.

Animation의 keyframes, animation-name, animation-duration, animation-delay등을 다룬다.

flex-direction, flex-wrap,justify-content align-items 같은 flex-box요소들과, flex-grow, flex-basis, align-self 같은 flex-item요소들에 대해 다룬다.

Grid의 row-gap, colunm-gap, grid-auto-columns, grid-auto-flow, grid-template-areas등의 속성을 다룬다.

css의 float속성에 대해 자세히 다룬다. float clear하는 방법에 대해 다룬다. float로 인해 부모 요소의 height가 사라졌을 때의 해결 방법을 다룬다.

Negative Magin의 정의를 알아보고, 예제를 통해 작동 원리를 익힌다.

이미지 최적화의 정의와 다양한 이미지 최적화에 대해 정리했다.