CSS2 CSS 위치잡기_position 프론트개발을 하다보면 css가 생각보다 시간을 잡아 먹을 때가 많은데 개념을 잘 잡고가면 활용하기 좋아서 개념잡기용으로 position 렛츠고우우 ! 우선 position란 ? 요소에 사용되는 위치 결정 방법의 유형을 지정하는것 아래 5가지 유형을 가지고 있다! static : 기본값 relative fixed absolute sticky 여기서 static 의 경우, 잘 사용하지는 않지만 항상 페이지의 기본적인 흐름에 따라 배치된다 top, bottom, left, 및 right 속성에 의해 영향을 받지 않는다 Relative 위치 활용 예시 relative는 정상(상위) 위치에 대하여 상대적으로 위치되는데 아래 예시를 보면, 정상(상위) 위치 기준으로 왼쪽으로 30px 떨어진 곳에 위치된 부분을 볼 .. 2022. 4. 22. [항해99] 1주차 코딩일지_ep03 [자주 쓰는 css 기억하기] h1, h5 background-image : 사용하고 싶은 이미지 넣는 곳 background-size : background-position : 왼쪾정렬, 가운데, 오른쪽 등 원하는 위치 선정 color width height border-radius : 모서리 둥근정도 표현하는 방법 margin : 내 바깥쪽 기준으로 px 선정 padding : 내 안쪽 기준으로 px 선정 진행하면서 오잉? 왜 이렇게 나오지 ? 라고 생각한 부분 기록! background-image만 사용했을 때, 원하는 이미지가 나오는게 아니라 블랙으로 나옴 background-image & background-size & background-position를 같이 사용해줘야하는 이유를 알게됨 ba.. 2021. 12. 19. 이전 1 다음 반응형
