파카

CSS 의 Display 와 Position 의 개념을 머리에 집어넣어 보자! div는 block span 은 inline으로 기본값이 정해져있다. 아래 코드와 같이 css 속성을 이용하여 변경이 가능한 것을 알 수 있다. 유튜브나 인터넷 블로그 글 등을 보고 CSS 를 치다면 무의식적으로 막 치는 경우가 생기는데 계속 생각하면서 코드를 작성해야겠다. 그 중 위치와 관련된 static(기본값), relative, fixed, stickey에 대해 개념을 정리해보았다. static relative fixed stickey는 스크롤 시에 static 기준 위치가 고정된다.

Cascading Style Sheets(CSS)는 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어입니다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌더링되어야 하는지 지정합니다. 출처 : https://developer.mozilla.org/ko/docs/Web/CSS CSS: Cascading Style Sheets | MDN Cascading Style Sheets(CSS)는 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어입니다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌 developer.mozilla.o..