inline과 inline-block의 차이점 inline-block은 element 그 자체로 생각해(like text) width와 height의 속성을 지정할 수 없는 반면 inline-block은 컨텐츠만큼의 box라고 생각할 수 있다.px 단위의 디자인 -.>
일정한 간격의 격자모양을 flexbox로는 만들어내기 어렵다.따라서 이를 쉽게 만들어주는 grid가 탄생하였다.first rule : flexbox와 마찬가지로 부모 요소에 display: grid; 를 입력한다.how many columns and rows? : gr
mx-autowidth 설정 -> mx-auto
기본값, 속성이 static으로 설정된 경우 top, left, bottom, right 속성은 무시된다.요소가 원래 있어야 하는 위치를 기준으로 배치한다.position 속성값이 static이 아닌 상위 요소를 기준으로 배치한다.(없다면 body가 배치 기준이 됨)따
Cascading Style Sheet. 이름에서 볼 수 있듯이 CSS에서는 Cascading 원리가 가장 중요하게 적용된다.화면에 보여지는 html 요소는 여러 css 속성이 겹쳐져 만들어지는데 이 겹쳐지는 규칙에 대해 Cascading 원리가 적용된다.즉 Casca