CSS를 공부할 때 CSS의 레이아웃을 알고리즘을 배우는게 왜 중요한지 설명해주고 있습니다. 글쓴이도 처음에는 CSS의 사용법과 각 프로퍼티를 위주로 공부했는데 사용하는데 한계가 있었고 레이아웃

CSS를 공부할 때 CSS의 레이아웃을 알고리즘을 배우는게 왜 중요한지 설명해주고 있습니다. 글쓴이도 처음에는 CSS의 사용법과 각 프로퍼티를 위주로 공부했는데 사용하는데 한계가 있었고 레이아웃 알고리즘을 이해하면서 CSS의 동작을 제대로 이해하고 잘 사용할 수 있었다고 합니다. 각 CSS 요소는 레이아웃 알고리즘에 따라 다르게 동작합니다. 그러므로 상황에 따른 동작 방식을 이해하려면 레이아웃 알고리즘이 어떻게 동작하는지 알아야 합니다. 기본 레이아웃 알고리즘이 Flow 레이아웃인데 z-index는 Flow 알고리즘에 구현되지 않았기 때문에 z-index의 효과를 보려면 Flexbox같은 다른 레이아웃 알고리즘이 적용되도록 해야 합니다. width도 알고리즘 레이아웃에 따라서 다르게 동작합니다. 명시적으로 레이아웃을 지정하는게 아니라 display:flex등에 따라 레이아웃 알고리즘이 달라지고 부모의 알고리즘도 봐야하기 때문에 까다롭기는 하지만 이를 이해해야 제대로 사용할 수 있습니다. 각 상황에 따라 예제 코드도 같이 보여주고 있어서 이해하기도 쉽고 마지막에 보통 태그를 사용하면서 겪는 공백 문제도 레이아웃 알고리즘에 따라서 동작한 것임을 설명해 주고 있어서 CSS를 공부할 때 읽어보면 도움이 될 글입니다.