📌 grid-column-start : 그리드 세로선에서 시작되는 영역을 가리킨다. grid-column-start: 3 그리드 세번째 세로선에서 시작되는 영역(그리드의 왼쪽에서 세번째 열(column) 항목)을 뜻한다. grid-column-start: -3 그
https://flexboxfroggy.com/#ko justify-content : 중심축 방향으로 정렬 >flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의
자주 사용하는 메인 색상, 폰트 사이즈 등을 모듈화한다.형식 : 변수명 앞에 -- 꼭 붙이기모든 요소에서 사용할 수 있는 변수는 :root에 작성하고, 특정 요소에서만 사용될 수 있는 변수는 따로 지정한다.다른 CSS 파일 import 하는 방법 : @import ur
1. CSS 적용방법과 선택자 1) CSS를 적용하는 3가지 방법 인라인 스타일 : HTML 태그마다 style 속성으로 CSS 코드를 넣어줌. 공통 속성을 재사용해서 부여할 수 없고, HTML 코드와 CSS 코드가 분리되지 않기 때문에 잘 사용하지 않음. 내부 스타일