CSS 압축기

CSSO로 온라인에서 CSS를 압축하세요: 규칙 병합, 중복 정의 제거, 스타일시트 재구성을 통해 파일 크기를 줄입니다. 모든 처리는 브라우저에서 이루어집니다.

CSS 입력

압축된 CSS

CSS 압축 전후 비교

CSSO는 CSS를 파싱하고 최적화합니다. 이 예제에서는 0px와 색상 표기를 줄입니다. 규칙이 병합될 수 있으므로 적용 전에 실제 화면을 확인하세요.

Sass·Less 컴파일과 소스 맵 생성은 지원하지 않습니다. 이 사이트가 제공하는 라이브러리로 브라우저에서 처리하며, 파싱 오류가 나면 이전 출력을 지웁니다.

.card {
  margin: 0px;
  color: #ff0000;
}

.card{margin:0;color:red}

이 도구가 다루는 형식을 정의하는 표준과 공식 문서입니다.

W3C CSS Syntax Module — 스타일시트가 토큰화되고 파싱되는 방식.

Mozilla CSS 레퍼런스: 속성, 선택자, 그리고 캐스케이드.

CSS의 역사와 레벨, 그리고 캐스케이드와 명시도가 렌더링을 결정하는 방식.

개발자와 프로그래머를 위한 코드 포맷, 검증, 조작 필수 도구