CSS 포맷터

이것은 깔끔하고 일관된 들여쓰기로 스타일시트를 아름답게 하거나 파일 크기를 줄이기 위해 축소하는 CSS 포맷터예요. 아름답게 하기 위해 들여쓰기 크기를 선택하고, 가장 작은 출력을 원할 때 축소로 전환해요.

읽기 쉬운 CSS는 스캔, 검토 및 디버그가 더 쉬워요. 각 규칙과 선언이 일관되게 들여쓰기되면 선택기, 중첩 및 미디어 쿼리의 모양을 한 눈에 볼 수 있어요.

축소는 생산용이에요. 브라우저에 필요하지 않은 공백과 주석을 제거하므로 파일이 더 빠르게 다운로드돼요. 큰 스타일시트에서는 특히 서버에서 gzip 압축 전에 저장량이 늘어나요.

축소기는 중요한 부분에 주의를 기울이에요. calc() 내부의 더하기 및 빼기 주변 공백을 유지하므로 calc(100% - 30px)는 유효하게 유지되며 중괄호, 콜론 및 세미콜론과 같은 구조 문자 주위의 공백만 제거해요. 또한 중첩된 미디어 쿼리를 올바르게 처리해요.

/*! ... */ 형식은 보존돼요. 이는 일반적인 주석이 제거된 경우에도 축소된 출력에 저작권 및 라이센스 공지를 유지하기 위한 표준 규칙이에요.

꾸미기와 축소 모두 브라우저에서 완전히 실행되므로 스타일시트가 기기를 떠나지 않아요. 가독성과 크기를 위한 도구 형식이에요. CSS가 올바른지 확인하지 않아요.