정리선언방식내장 head에 사용웬만하면 따로 css파일 만들자링크선택자없이 요소 style속성에 직접 작성우선순위가 매우 높아, 유지보수에 좋지않음@import@import url로 연결된 css파일에 따른 css파일을 연결기본 선택자모든 요소 선택이름 - 해당 이름요
auto - 인라인, 블록의 기준이 다름max, min width나 height는 부모 레이아웃을 넘어갈 수 있음ex)50% - 부모의 50% 비율20em - font size가 1em이라고 가정20rem - 루트의 font size이용50vw, vh - 화면 100기
배치할때는 기준을 잡고, 상하좌우 방향을 설정해야함기준static - 기준없음relative - 요소 자신을 기준출력이 애매하기때문에 거의 사용되지 않고, 밑처럼 부모요소를 기준으로 지정할 때 사용absolute -위치상 부모 요소를 기준제일 가까운 부모요소에 posi
flex-order - 숫자가 작을수록 먼저html 구조를 안 바꿔도, 출력 순서를 바꿀수 있음flex-grow - 증가 비율, 기본값 0flex-shrink - 감소 비율, 기본값 1flex-basis - 요소의 내용 기본 너비, 기본값 autotransition: