사용 방법
- CSS를 붙여 넣거나,
.css파일을 열거나, 샘플(압축된 스타일시트)로 시작하세요. - 공백 2칸, 공백 4칸, 탭 중에서 선택하세요. 입력하는 대로 서식이 지정된 CSS가 표시됩니다.
- 복사하거나
styles.css로 다운로드하세요.
기능
모든 규칙은 자체 블록을, 모든 선언은 자체 줄을 가지며, @media 및 기타 at-rule 안의 규칙은 한 단계 더 들여씁니다. 선택자, 값, 주석은 그대로 유지되므로 스타일시트의 의미는 정확히 같습니다.
도움이 되는 경우
- 테마, 프레임워크 또는 살펴보는 사이트의 압축된 스타일시트를 읽을 때.
- 편집 전에 CSS를 정리하여 변경 사항이 아주 긴 한 줄이 아니라 한 줄에만 영향을 주게 할 때.
- 두 스타일시트를 비교할 때. 둘 다 서식을 지정한 다음 diff를 확인하세요.
자주 묻는 질문
잘못된 CSS를 고쳐 주나요?
아니요. 있는 내용을 들여쓰기만 하며, 빠진 중괄호는 빠진 채로 남습니다. 브라우저는 읽을 수 없는 선언을 건너뛰므로 잘못된 문자는 보통 스타일시트 전체가 아니라 규칙 하나만 망가뜨립니다.
속성을 정렬하나요?
아니요. CSS에서는 순서가 중요할 수 있으므로(나중 선언이 우선) 작성된 대로 유지합니다.
나중에 다시 압축할 수 있나요?
네. CSS 압축기로 간결한 한 줄로 되돌릴 수 있습니다.
CSS가 업로드되나요?
아니요. 서식 지정은 브라우저에서 실행됩니다.