목록전체 글 (108)
Jade_o.o
[css] attr 실습5 - 배경 적용하기
display : inlilne-block background-image: url('https://') background-position background-repeat background-size 활용하여 css 배경을 적용해 보았다.
CSS
2024. 1. 13. 12:33
[css] attr 실습4 - 요소 쌓임 순서 및 z-index
선택자들을 활용하여 요소를 쌓고 순서에 대해 알아보자 z-index 또한 활욯해서 기능을 구현해보자 z-index 란? 우선 순위 주기 & 요소의 수직 위치를 정하는 속성 item1 item2 item3 z-index : 1; 주석 처리 되었을때 보이는 결과창 z-index : 1; 주석이 해제 되었을때 결과창
CSS
2024. 1. 12. 12:50
[css] attr 실습3 - position : relative/absolute/fixed
선택자를 통해서 class명 item들에게 position 값들을 각각 relative/absolute/fixed 넣어 구현해봄 position 이란? HTML 문서 상에서 요소가 배치되는 방식을 결정한다. 또한 position 속성은 요소의 정확한 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용된다. position : static 이란? position의 기본값이 static이다. 설정 전과 후의 값이 같으므로 즉 따로 설정해줄 필요가 없다. position : relative 란? position 속성을 relative로 설정 할 시 static의 원래 위치(기존의 위치)부터 벗어나게 배치할 수 있게 된다. 요소를 원래 위치를 기준으로 상대적(relative)으로 ..
CSS
2024. 1. 12. 12:38
