[CSS] 그라데이션 넣기 : linear-gradient
background 요소 중 linear-gradient 활용 background: linear-gradient(각도, 색상, 색상); 각도 /*예시*/ background: linear-gradient(90deg, hsl(171, 41%, 78%), hsl(208, 46%, 41%)); to top, to bottom, to left, to right n deg (degree의 줄임말) 색상 /*예시*/ background: linear-gradient(to left, yellow 25%, green 30%, blue); 2가지 이상의 색상도 가능 색상 뒤에 n %를 붙여서 색상 범위 지정
[CSS] 요소 배치, 겹치기 : position
position 속성 static (기본) relative (자신 기준) absolute (상위 요소 기준) fixed (뷰포트 기준) stickey (스크롤링 기준) top, bottom, right, left : 위치 지정 대부분의 경우 postion과 top, bottom, right, left가 같이 사용됨. 여기에서는 relative와 absolute만 다루도록 하겠다. 나머지는 차차 내가 필요할 때 업데이트. -relative position: relative; 부모 요소와 상관 없이 요소 이동 가능. 위치는 요소의 원래 기본 위치에서 top, bottom, right, left의 방향으로 얼마나 벗어났는지 지정. -abrolute position: absolute; position 속성이 '..