Làm bảng hiệu

Nén CSS code - Compress CSS

Comment 10/20/2016
Công cụ nén mã CSS | Thủ thuật Blogger Công cụ nén mã CSS online Nén CSS để tăng tốc cho website Nén file CSS để tăng tốc độ duyệt web.
Use CSS Compressor to compress CSS (CSS 1, CSS 2, CSS 2.1 & CSS 3) to reduce CSS code size and make your website load faster. You can select from 4 levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. It is quick, easy and free!

Nén hoặc làm đẹp CSS Code:






  




/* ================= 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; }