position2 04/01 HTML/CSS 아이템 포지셔닝(가구배치) 포지셔닝 yeonee3219.tistory.com/29 03/12 HTML/CSS Grid, Position Grid : 다양하게 제공한다. display : grid ; -> 아무일도 일어나지 않음 flex가 익숙해졌을 때, grid를 사용하자 position : static : 포지션값을 지정해줄수 없다 position : absolute 절대 위치를 지정.. yeonee3219.tistory.com * position 을 다 absolute로 해줄경우에는 상대적으로 배치하는 것이기 때문에 부모의 크기가 커진다 -> 그거 해결할거면 사용해도 무관 절대적으로 자리를 정해놓기 위해서 컨텐츠마다 absolute로 포지셔닝 해준 것 ( 대신 relative로 꼭 기준잡아줘야 함 ) 비주얼부분 만들기 asid.. 2021. 4. 1. 03/12 HTML/CSS Grid, Position Grid : 다양하게 제공한다. display : grid ; -> 아무일도 일어나지 않음 flex가 익숙해졌을 때, grid를 사용하자 position : static : 포지션값을 지정해줄수 없다 position : absolute 절대 위치를 지정할 수 있다. 이 때 기준은 문서의 끝 점이다. position : fixed 문서 위 유리창에 붙인 느낌 화면에서 한곳에 딱 고정할 때 사용한다 position : relative 기준 : 자기의 원래 위치 상대적인 위치에서 어느정도 떨어져서 위치하게 되는가 아래 사진은 aside 박스 안에서 상대적 위치를 보여주고 있다. 복합적으로 사용 여기서 transition : 1s는 애니메이션이다 position: sticky webkit 쓰지 않아도 구현된다... 2021. 3. 12. 이전 1 다음
