position 속성이란? HTML에서 작성한 요소에 대해서 문서 내에서 배치되는 방식을 결정하는 것이 CSS의 position 속성의 역할이다. top, right, bottom, left 속성과 함께 사용하여 요소의 정확한 위치를 지정한다. 이때 top, right, bottom, left 속성의 값이 모두 똑같을 경우 inset 속성을 사용한다. position: static position 속성의 기본값으로 HTML에서 요소가 문서의 원래 있어야 할 위치에 배치되도록 해준다. 따라서 top, right, bottom, left 속성값은 무시된다. position: relative 요소의 원래 위치를 기준으로 배치한다. top, right, bottom, left 속성을 통해 요소의 원래 위치에 있..

CSS는 Cascading Style Sheets로 HTML, XHTML 등의 마크업 언어로 작성된 문서를 실제 표시되는 방법을 기술하는 스타일 시트 언어이다. 그럼 SC(Style Sheets)라고만 해도 되는데 왜 앞에 Cascading이 붙은 걸까? Cascade는 사전적 의미로 종속, 작은 폭포라는 뜻을 가진 단어이다. 이를 풀어서 생각해 보면 위에서 아래로 차례대로 내려온다고 볼 수 있는데, 이는 웹사이트에 스타일을 적용시킬 때 스타일 규칙이 상위 요소에서 시작하여 하위 요소로 계속해서 전파된다는 개념이다. 여기서 요소에 하나 이상의 스타일이 적용될 때, 어떤 스타일을 적용하게 되는지 결정하는 우선순위가 존재하는데 이를 Cascading(캐스케이딩)이라고 한다. Cascading은 선언 위치, ..