CSS 뷰티파이어 — CSS 온라인 정리 및 압축
CSS 코드를 즉시 정리하거나 압축합니다. 지저분한 CSS를 적절한 들여쓰기로 포맷하거나 프로덕션 사용을 위해 압축하세요.
입력
모드
출력
CSS 뷰티파이어란?
CSS 뷰티파이어는 원시 또는 압축된 CSS 코드를 적절한 들여쓰기와 일관된 간격을 갖춘 깔끔하고 읽기 쉬운 구조로 포맷하는 도구입니다.
동일한 도구로 CSS를 압축할 수도 있습니다 — 주석, 여분의 공백, 불필요한 문자를 제거하여 파일 크기를 줄입니다.
CSS 뷰티파이어 사용 방법
1
CSS 코드 붙여넣기
CSS를 복사하여 입력 편집기에 붙여넣으세요.
2
정리 또는 압축 모드 선택
포맷된 CSS를 위해 정리를 선택하거나 프로덕션용 압축 CSS를 위해 압축을 선택하세요.
3
결과 복사 또는 다운로드
복사 또는 다운로드 버튼을 사용하여 CSS를 저장하세요.
CSS 정리 예시
압축된 CSS와 정리된 출력의 예시입니다:
압축 CSS (입력)
CSS 입력
자주 묻는 질문
CSS 뷰티파이어가 코드를 검증하나요?
아니요, 뷰티파이어는 구조적으로만 포맷합니다. 전체 검증에는 CSS 유효성 검사기를 사용하세요.
정리가 CSS 작동 방식을 변경하나요?
아니요. 공백과 형식만 변경됩니다.
압축기가 CSS 주석을 제거하나요?
네. 모든 /* ... */ 주석이 제거됩니다.
SCSS나 LESS에 사용할 수 있나요?
이 도구는 표준 CSS를 처리합니다. SCSS/LESS에는 전용 도구를 사용하세요.
관련 도구
성공
경고