728x90 반응형 css32 [CSS] CSS Grid(그리드) 레이아웃 CSS GridCSS Grid(그리드)는 2차원(행과 열)의 레이아웃 시스템을 제공합니다. Flexible Box도 훌륭하지만 비교적 단순한 1차원 레이아웃을 위하며, 좀 더 복잡한 레이아웃을 위해 우리는 CSS Grid를 사용할 수 있습니다. CSS Grid는 CSS Flex와 같이Container(컨테이너)와 Item(아이템)이라는 두 가지 개념으로 구분되어 있습니다. (부모요소) Container ▶ Items를 감싸는 부모 요소, 그 안에서 각 Item을 배치할 수 있습니다. (자식요소) Items ▶ 각 Item 열(가로) column 행(세로) row 출처 : https://studiomeal.com/archives/533Grid ContainerGrid Container를 위한.. 2024. 5. 25. [CSS] CSS 변수(--variable) 사용법 1. 변수 선언 방법:root는 문서 전체 의미한 element 내에서만 변수를 사용하고 싶다면, 해당 selector를 사용하면 됩니다.:root 의사 클래스에 선언해서 HTML 문서 어디에서나 사용자 지정 변수에 접근할 수 있도록 구성하는 패턴을 많이 사용--variable name 형식입니다./* 변수를 선언하는 방법 */:root{ --color-white : #ffffff; --font-regular: 16px; --size-border-radius: 4px;} 2. 변수 사용 방법var() 형식으로 변수 사용할 수 있습니다.section { color: var(--color-white) font-size: var(--font-reg.. 2024. 5. 22. 이전 1 다음 728x90 반응형
