정리/CSS (2) 썸네일형 리스트형 [CSS] reset.css vs normalize.css reset.css 모든 브라우저의 형태에서 내장스타일을 모두 없애버려 스타일이 0인 상태에서 시작되는 초기화 스타일 기법이다. 장점 초기화 : 모든 브라우저의 기본 스타일을 초기화하므로, 브라우저 간의 차이를 최대한 줄일 수 있다. 전체 커스터마이제이션 : 초기 스타일을 완전히 커스터마이즈하고 자체 디자인 스타일을 빠르게 적용하려는 경우에 유용하다. 예측 가능한 동작 : 모든 요소의 스타일을 명확하게 초기화하므로 예측 가능한 결과를 얻을 수 있다. 단점 과도한 초기화 : 너무 많은 스타일을 초기화할 경우 웹 페이지가 기본 스타일을 완전히 잃을 수 있으며, 모든 스타일을 처음부터 정의해야 한다. 관리의 어려움 : 프로젝트가 커질수록 초기화 스타일 시트를 관리하기 어려워질 수 있다. 대표적인 reset.cs.. [CSS] Grid 1. Grid란? Grid란 웹 페이지의 레이아웃을 디자인하고 구성하는 데 사용되는 CSS 레이아웃 시스템이다. 그리드 레이아웃을 사용하면 웹 페이지의 요소들을 행과 열의 그리드로 배치할 수 있으며, 복잡한 레이아웃을 더 쉽게 관리할 수 있다. 2. Grid Container Grid Items를 포함하는 부모 요소다. 속성을 설정하면 각각의 아이템들이 설정한 형태로 배치된다. .container { display: grid; } container에 display: grid; 설정해야 한다. 2.1 grid-template-columns 및 grid-template-rows 그리드의 열과 행을 정의하는 속성이다. 각 열과 행의 크기는 여러가지 값과 단위로 설정할 수 있다. .container { grid.. 이전 1 다음