학습 TIL/CSS
CSS position 속성은 문서 상에 엘리먼트를 배치하는 방법을 지정한다. top, left, right, bottom 속성이 엘리먼트를 배치할 최종 위치를 결정한다. -값으로 줄 수 있는 것. static : 엘리먼트를 일반적인 문서 흐름에 따라 배치한다. top, right, bottom, left, z-index 속성이 아무런 영향도 주지 않는다. 기본값임. relative : 엘리먼트를 일반적인 문서 흐름에 따라 배치하고, 원래 문서의 흐름대로인 자기 자신의 위치를 기준으로 top, right, bottom, left의 값에 따라 오프셋을 적용한다. 오프셋은 다른 요소에는 영향을 주지 않는다. 따라서 페이지 레이아웃에서 요소가 차지하는 공간은 static일 때와 같다. absolute : 엘리..
CSS는 Cascading Style Sheets의 약자로 HTML과 같은 마크업 언어가 표현되는 방법을 결정합니다. HTML이 웹 페이지의 구조를 담당한다면, CSS는 구조의 외부와 내부를 꾸미는 역할을 담당합니다. 같은 HTML 구조를 가지고 있는 문서에, 각기 다른 CSS파일을 적용하면 전혀 다른 웹사이트처럼 보이게 할 수도 있습니다. 이번 챕터에서 CSS를 학습하고 나면, 이후에 진행하는 스프린트에서는 얼마든지 자유롭게 적용할 수 있습니다. Achievement Goals CSS의 사용목적을 이해할 수 있다. 프론트엔드 개발자의 기초소양에 대해 이해할 수 있다. CSS의 기본 문법과 구조를 이해할 수 있다. CSS를 HTML에 적용하는 방법에 대해서 이해할 수 있다. 직접 HTML 안에 CSS를 ..
