[웹개발] 6. CSS 요소 배치 - position
2021. 9. 13. 21:32
저번 포스트에서는 CSS의 기본적인 문법과 CSS 파일을 HTML에 적용하는 방법을 배웠다. 이번 포스트에서는 CSS를 통해 HTML의 요소를 배치하고 정렬하는 방법을 배울 것이다. HTML의 요소(태그)들을 배치하는 속성에는 3가지가 있으며, 보통 이들을 조합/혼합하여 사용한다. position - 원하는 위치에 배치하는 방식 float - 특정 요소가 다른 요소의 좌/우에 배치할 수 있게 하는 방식 display - 요소들을 디스플레이 하는 방식 3가지 속성을 혼합하여 사용할 때, 몇몇 속성들은 서로 영향을 줄 수 있다. 이번 포스트에서는 position 속성에 대해서 배운다. position position 속성은 4가지의 값을 가질 수 있는데, 다음과 같다. static (정적) - 요소를 좌->..