🎨 CSS 압축·정렬

CSS를 공백·주석을 없애 용량을 줄이거나, 규칙마다 줄을 나눠 들여쓰기된 형태로 정렬합니다. 선택자·속성을 구조적으로 파싱하므로 :hover 같은 의사 클래스나 calc() 값이 깨지지 않습니다.

사용 방법

1. CSS를 붙여넣거나 .css 파일을 불러옵니다.
2. '정렬' 또는 '압축' 탭을 고릅니다(정렬 시 들여쓰기 단위 선택).
3. 결과와 절감률을 확인하고 복사 버튼으로 가져갑니다.

자주 묻는 질문

@media나 @keyframes 같은 규칙도 처리되나요?

네. 중첩된 @media·@supports·@keyframes 블록을 인식해 안쪽 규칙까지 들여쓰거나 압축합니다. @import·@charset 등 한 줄 규칙도 유지합니다.

압축하면 무엇이 사라지나요?

주석과 불필요한 공백·줄바꿈, 블록 끝의 마지막 세미콜론이 제거됩니다. 문자열과 calc() 안의 연산 공백은 안전하게 보존합니다.

모든 CSS를 완벽히 다루나요?

기본 수준의 파서라 아주 특수한 문법에서는 결과가 다를 수 있습니다. 중요한 파일은 압축 후 스타일이 그대로인지 확인하는 참고용으로 사용하세요.