Công Cụ Nén CSS Và Làm đẹp CSS Online

Trang chủ » Giải Nén Css » Công Cụ Nén CSS Và Làm đẹp CSS Online

Có thể bạn quan tâm

Nén hoặc Làm đẹp CSS Code Online

Dán code CSS:

Hiển thị mã nhấn mạnh ? Xóa Hết Chọn Tất Cả

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

Nén CSS

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

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; } Việt Hóa by Neyul - ShareSiêuTốc

Từ khóa » Giải Nén Css