CSS Compressor - Minify Your CSS Scripts Online

Sử dụng CSS Compressor để nén CSS (CSS 1, CSS 2, CSS 2.1 & CSS 3) nhằm giảm kích thước mã CSS và giúp trang web của bạn tải nhanh hơn. Bạn có thể chọn từ 4 cấp độ nén, tùy thuộc vào mức độ dễ đọc mà bạn muốn CSS nén so với mức độ nén. Nhanh chóng, dễ dàng và miễn phí!

Hiển thị mã nhấn mạnh?

Gỡ bỏ tất cả chú thích

Nến siêu gọn

Giữ thụt đầu dòng trong @query {}

Loại bỏ các dấu chấm phẩy cuối cùng

Hình thức bố cục nội dòng

Thụt đầu dòng: Một Tab 4 dấu cách

Chia đa bộ chọn (e.g: html,\nbody,\ntable {})

Khoảng cách giữa thuộc tính : giá trị ;

Viết cùng dòng khi chỉ có một thuộc tính

Xóa các dấu chấm phẩy cuối cùng

Xóa hoặc tạo khoảng cách mỗi dòng

/* ================= Supported layout/pattern: ================= */
/* -------- [1]. Nén CSS -------- */

/* a. Normal */
#foo{margin:0;padding:0} /* comment */
#foo:focus{outline:none}

/* b. Gỡ bỏ tất cả chú thích */
#foo{margin:0;padding:0}
#foo:focus{outline:none}

/* c. Nến siêu gọn */
#foo{margin:0;padding:0}#foo:focus{outline:none}

/* d. Giữ thụt đầu dòng trong `@query {}` */
#foo{margin:0;padding:0}#foo:focus{outline:none}
#foo{margin:0;padding:0}#foo:focus{outline:none}
@media screen and (max-width:400px){
  #foo{margin:0;padding:0}#foo:focus{outline:none}
  #foo{margin:0;padding:0}#foo:focus{outline:none}
}


/* -------- [2]. Làm đẹp CSS code -------- */

/* a. Normal */
#foo {
  margin:0;
  padding:0;
}

#foo:focus {
  outline:none;
}

/* b. Replace double space indentation with a tab character or 4 spaces */
#tab-character {
 margin:0;
 padding:0;
}

#four-space {
    outline:none;
}

/* c. Chia đa bộ chọn */
#foo,
#bar,
.walaaa {
  margin:0;
  padding:0;
}

/* d. Space after `:` and `,` */
#foo {
  margin: 0 auto;
  background-image: linear-gradient(top, #333, #555);
  color: rgba(0, 0, 0, .4);
}

/* e. Inline bracket for single property */
#foo .bg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:white url('img/bg-image.png') no-repeat 0 0;
}

#foo .bg-1 {background-position:0 0;}
#foo .bg-2 {background-position:100% 0;}
#foo .bg-3 {background-position:100% 100%;}
#foo .bg-4 {background-position:0 100%;}

/* f. Remove the last semicolon in single property */
#foo .bg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:white url('img/bg-image.png') no-repeat 0 0;
}

#foo .bg-1 {background-position:0 0}
#foo .bg-2 {background-position:100% 0}
#foo .bg-3 {background-position:100% 100%}
#foo .bg-4 {background-position:0 100%}

/* g. Hình thức bố cục nội dòng */
#foo .bg { position:absolute; top:0; right:0; bottom:0; left:0; background:white url('img/bg-image.png') no-repeat 0 0; }

Trang Chủ

{fullWidth}