Nén và Làm Đẹp CSS

Nén CSS giúp mã nguồn trang Web gọn hơn, giảm dung lượng, còn làm đẹp CSS để cho các dòng code trở nên dễ nhìn hơn, thuận lợi cho việc chỉnh sửa code.

Hiển thị HighLight Code?

Xóa bỏ tất cả chú thích

Nén siêu gọn

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

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

Bố cục theo dòng

Replace double space indentation with:
   Một Tab 4 dấu cách

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

Thêm dấu cách sau : và ,

Chế độ một dòng cho thuộc tính đơn

Loại bỏ dấu chấm phẩy cuối cùng cho chế độ một dòng

Loại bỏ dòng trắng

Kết quả:

#foo {
  width:560px;
  background:#ffffff url(http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7J7nTnt3gdze2hOY6pxVbZECchroxa353lpeXnhSTHOO0qHwxteyF2flqGTccyvANwSUpFwph3UQ5bgs3qmmkowBIpYaRSGfLvjpBfNukAsY2uLZNKpr1K-F59i912agenpcKCUiC6S0/s1600/-04.jpg) repeat;
  border-collapse:collapse;
  color:white;
}

.foo td,
.foo th {
  border:2px solid white;
  padding:5px;
}