CSS 뷰티파이어

CSS 뷰티파이어 사용 방법

압축된 CSS를 브라우저에서 바로 읽기 쉽고 들여쓰기가 일관된 코드로 펼칩니다. 붙여넣고, 정리하고, 복사하세요. 스타일시트는 페이지를 떠나지 않습니다.

1. 스타일시트를 완전히 압축된 한 줄이더라도 Input CSS 상자에 붙여넣으세요. 플레이스홀더 body{margin:0;padding:0;}가 받아들이는 입력의 예를 보여 줍니다.
2. Indent: 아래에서 2 spaces, 4 spaces, 8 spaces, Tab 중 하나를 골라 중첩 들여쓰기 깊이를 정합니다.
3. Formatted CSS 영역에서 정리된 결과를 확인하세요. 선택자, 속성, 값이 각각 자기 줄을 갖습니다.
4. 반대로 배포용 최소 파일이 필요하면 Minify Output에 체크해 한 줄짜리 파일을 만드세요.
5. 공개 전에 Remove Comments를 켜서 /* ... */ 주석을 결과에서 제거하세요.

이 도구는 다시 포맷할 뿐 망가진 CSS를 고쳐 주지 않습니다. 출력이 이상해 보이면 빠진 세미콜론이나 중괄호를 확인하세요.