<css> css 자주 쓰는 것 정리

<class 이름>

container ->  group 

 

<정렬>

정렬 방식(내부 items 정렬 방식)

가로: display : flex

세로: display : flex, -> flex-direction: column

content 가운데 정렬 : justify content: space between; - 다른 것들을 고려해서 항상 가운데

아이템 가운데 정렬 : align-items

 

가로 넓이 width : px, 부모 item의 %

세로넓이 height : px, 부모 item의 %

 

<글자>

글자 가운데 정렬: text -align: center

 

font size

font weight

color

 

<칸>

background color

box shadow

 

outline: none 해당 칸 클릭시 아웃라인 없음

 

overflow y 내부 내용이 넘칠 시 y  축으로 스크롤

resize: none -> overflow 시 함께 설정

 

<event>

cursor pointer