반응형 css position 속성2 CSS position relative 속성 이란? position relative 속성 지난 시간 우리는 CSS 에서 position 이란 무엇인지 그리고 position 의 기본 값인 static 에 대해서 알아보았습니다. 이번 시간에는 relative 속성에 대해서 확인 해보겠습니다. 먼저 static 과 relative 결과값을 확인 한 후 어떤 차이점이 있는지 알아볼까요? static 은 요소의 속성(블럭,인라인)에 따라서 배치가 되었습니다. 기본 값으로 position 속성을 적지 않았을때와 동일했었죠. 그에 반해 relative 는 위치 값을 조정할 수 있습니다. 위치 값의 기준이 되는것은 바로 원래 그 요소의 기본 자리 입니다. 무슨 말인고 할때는 코딩을 해봐야 겠죠 :) [index.html] 지난 시간과 동일한 3개의 문단을 가진 지문을.. 앱 만들기/CSS 2023. 6. 14. CSS Position 이란? CSS 스타일 속성 중 Position 이란 웹 문서의 요소, 즉 이미지 나 텍스트 등등의 브라우저 화면(Viewport) 상에 보이는 내용들을 원하는 곳에 위치시키기 위해서 사용되는 CSS 속성을 말합니다. 예시로 3개의 문단을 웹페이지 내에서 이렇게 위치를 시키고 싶다면 position 속성을 사용하면 되겠습니다. Position 에는 대표적인 4가지 속성 값들이 있습 static, relative, absolute, fixed 입니다. 각 속성에 대해서 알아보겠습니다. static 기본 속성 으로 position 속성을 설정하지 않았을때 값과 동일 하며, 요소들의 기본 속성에 따라 기본 배치됩니다. 3개의 문단을 만들었다면 P태그는 블럭레별 요소로서 위에서 부터 아래로 배치됩니다. 만약 span 태.. 앱 만들기/CSS 2023. 6. 13. 이전 1 다음 반응형