전체 글 (127) 썸네일형 리스트형 [CSS] position 1. container에 left와 top을 주어도 안움직인다. 왜냐하면 기본적으로 position: static 이기 떄문이다 그래서 container위치를 바꾸려면 container에 position: relative를 주면 된다 현재 위치를 기준으로 위치를 지정한다. box에 left, top, position: relative 추가하니까 box 혼자 이동하였다 body 또는 컨테이닝 박스를 기준으로 위치를 지정할 수 있다. position: absolute를 쓰면 현재 아이템에서 제일 가까운 box안에서 이동한다 relative는 원래 있어야할 자리에서 움직이는데, absolute는 현재 아이템이 담겨있는 상자(container)안에서 옮겨간다 position: fixed 는 상자안에서가 아닌 윈.. [CSS] display 1. span은 안나옴. 내용이 있어야 나온다 2. span에 내용 추가해주고 div는 red, span은 blue로 색 지정 div는 기본적으로 block span은 기본적으로 inline 3. span에 display: block을 주면 div와 같아진다 4. div에 display: inline-block을 주면 옆으로 표시된다 5. div에 display: inline을 주면 span에 아무것도 안주어졌을 때처럼 표시된다 display: inline -> 안에 있는 텍스트에 따라 크기가 바뀜 display: inline-block -> 안에 있는 텍스트에 상관없이 지정한 값에 따라 한줄에 표시되는데 크기가 넘어가면 다음줄로 넘어간다 display: block -> 안에 있는 텍스트에 상관없이 지정.. [CSS] 사이트 1. display 게임 사이트 https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 2. 애니메이션 사이트 https://animista.net/play/basic/rotate Animista - CSS Animations on Demand Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use. animista.net 3. 언어별로 공식 사이트 정리 https://devdoc.. 이전 1 ··· 17 18 19 20 21 22 23 ··· 43 다음
