천천히 하지만 더 멀리

css 스타일 position 속성값을 공부하며 정리해 보았습니다. 1. Static position 의 기본값으로서 HTML 문서의 흐름에 따라 배치되는 방법입니다. position 속성에 아무것도 적어주지 않으면 static 이 지정됩니다. 위치를 지정하는 top, bottom, left, right 값의 영향을 받지 않습니다. position 이 static 일때는 top, left 속성이 적용이 안되는것을 확인할수 있습니다. 2. Relative static 요소와 마찬가지로 HTML 문서의 흐름에 따라 배치되지만, 기존의 자신의 위치에서 상대적인 offset 이 적용됩니다. 다시말해서 top, bottom, left, right 속성이 자기자신 기준에서 상대적으로 offset 이 적용됩니다. p..

Content Is Like Water ( 콘텐츠를 물과 같게 ) You put water into a cup, it becomes the cup ( 컵에 물을 담으면, 컵에 담긴 물이고 ) You put water into a bottle, it becoms the bottle ( 병에 물을 담으면, 병에 담긴 물이고 ) You put water into a teapot, it becoms the teapot ( 주전자에 물을 담으면, 주전자에 담긴 물이다 ) 반응형 웹 디자인을 나타내는 말중에 가장 공감이 되는 말이었다. 같은 물이지만 물이 들어가는 컨테이너에 따라서 물의 모양이 바뀌듯이 같은 컨텐츠를 다루지만 컨텐츠가 담기는 컨테이너에 따라서 컨텐츠가 나타나는 방법이 달라진다. 컨테이너에 맞게 컨텐..