CSS

cascade styling sheet우선순위 1 : Author style -> 개발자가 정의한것우선순위 2 : User style -> 사용자가 지정한 스타일우선순위 3 : Brower -> 브라우저 기본cascade 순위를 무시하는 옵션인데, 위험할수 있으므로 잘

한줄을 모두 차지div의 디폴트값컨텐츠의 사이즈에는 상관없이 지정한 box 사이즈를 따름공간이 있다면 하나의 라인에서 모두 표시됨span의 디폴트값컨텐츠 자체를 꾸민다 \- width나 height를 설정해 놓더라도 컨텐츠 사이즈에 맞추기 때문에 영향을 받지 않는다.

동일 위치에 정렬하는것이 복잡float: left / float: center / float: right원래 용도는 텍스트와 이미지를 배치하는 것이었으나 flex box 이전 box들을 배치하는 heck으로 사용됨containerdisplayflex-directionf

크게 flex와 grid로 나뉜다.flex: 1차원(main 방향이 정해지고 그걸기준으로 배치)grid: 2차원(좀더 정교하게)설정시 컨테이너 내 자식요소들은 gird cell이 된다.