찾아봐야할것

브라우저는 어떻게 동작하는가?

참조사이트

크로스브라우징에 대해 자세히

네거티브(음수) 마진값 등등

top과 left

해당 방향으로 요소 이동

right와 bottom

다음 요소를 끌어당기게 됨

float 값을 주었을 때

해당 요소 다음에 나오는 정상적인요소(float가 적용되지 않은 요소)는 float가 적용된 요소의 영역을 침범하지 않음

clip-path 속성 (CSS) - clip-path maker

클리핑 마스크 생각하면 됨!
circle(), ellipse(), polygon(), path() 등등

CSS 유틸리티를 많이 만들어라 - 가볍게 생각하지 마라

강사님이 설명하신 a11y-hidden 같은거

CSS reflow, repaint

참조사이트

Reflow

브라우저가 웹 페이지의 일부 또는 전부를 다시 처리하고 그려야할 때 발생
새로운 요소가 추가되거나 지워지거나
요소의 위치가 변경되거나 크기가 변경되거나
속성은 참조사이트 참조

Repaint

reflow가 발생할때 거의 발생하나 reflow가 발생하지 않고 repaint만 발생하는 경우도 있음
레이웃에 영향을 주지 않는 요소의 개별적인 변화에서는 repaint만 발생