CSS

display = 정렬

flex, block, inline 주로 사용

display: flex; = 행으로 왼쪽부터 기본 정렬
flex 일 때 justify-content 좌우 정렬 / align-items 상하 정렬
display: block; = 블록 개념으로 왼쪽부터 한 블록씩 열로 내려가면서 정렬
display: inline; = 말 그대로 라인을 따라서 행으로 정렬인데
width나 height 속성값을 무시하고, padding과 margin도 상하개념은 무시합니다.
justify-content: space-between = 좌우 균등하게 벌려 정렬

position: relative 부모 / absolute 가족

transform: translate = 옮기기 ( translateX X축, translateY Y축 )

width = 가로 길이
height = 세로 길이
border = 테두리
border-radius = 둥글게

padding (위 오른쪽 아래 왼쪽 ) : 콘텐츠 영역과 테두리 사이의 여백
margin (위 오른쪽 아래 왼쪽 ) : 현재 요소 주변의 여백 공간

p = 줄
span = 인라인

link = href "?" ? 경로 연결

calc = 수치 계산식 해주는 계산기