CSS 정리
한 줄에 선언 하나, 아니면 전부 한 줄.
출력
위에 붙여넣거나 입력하면 여기에 결과가 표시됩니다.
파일은 내 기기 밖으로 나가지 않습니다
이 도구는 브라우저 안에서만 작동합니다. 붙여넣은 내용은 기기에서 처리되고 서버로 전송되지 않으므로 토큰, 키, 공개 전 문서도 안심하고 사용할 수 있습니다.
사용 방법
- CSS를 붙여넣습니다.
- 정리하면 선택자와 선언이 각각 한 줄이 되고 규칙 사이에 빈 줄이 들어갑니다.
- 압축하면 주석과 의미 없는 공백이 모두 사라집니다.
- 결과를 복사하거나 내려받습니다.
자주 묻는 질문
- 문자열이나 url() 안의 중괄호는 어떻게 되나요?
- 그대로 둡니다. 중괄호로 나누기 전에 문자열과 주석을 하나의 덩어리로 읽으므로 content: "}" 도 규칙이 갈라지지 않고 제대로 정리됩니다.
- 압축해도 .a .b 의 공백은 남나요?
- 남습니다. 그 공백은 자손 선택자라 의미가 있고, 콜론이나 중괄호 주변의 공백은 의미가 없습니다. 의미 없는 것만 없앱니다.
- 세미콜론을 빠뜨렸다면요?
- 괜찮습니다. 블록의 마지막 선언은 세미콜론을 생략하는 일이 많아서, 내보낼 때 채워 넣습니다.
- 속성을 재배열하거나 줄이나요?
- 아니요. 합치지도 줄이지도 옮기지도 않고 #ffffff 는 그대로 #ffffff 입니다. 쓴 것을 정리할 뿐, 다시 쓰는 도구가 아닙니다.
- 입력한 내용이 어디로 전송되나요?
- 아니요. 브라우저 안에서 동작하므로 붙여넣은 내용은 내 컴퓨터를 떠나지 않습니다.