Nén / Làm đẹp CSS

Dán mã CSS của bạn và nhấp vào Làm đẹp để định dạng với thụt lề phù hợp, hoặc Nén để thu nhỏ mã. Toàn bộ quá trình xử lý diễn ra trong trình duyệt của bạn.

Về công cụ thu gọn / làm đẹp CSS

Công cụ này xử lý CSS hoàn toàn trong trình duyệt của bạn. Không có dữ liệu nào được gửi đến máy chủ.

  • Làm đẹp: Định dạng CSS đã thu gọn với thụt lề và ngắt dòng hợp lý để dễ đọc.
  • Thu gọn: Loại bỏ khoảng trắng, chú thích và ký tự không cần thiết để giảm kích thước tệp.

Rút gọn là một tối ưu cho khâu truyền tải, không phải một bước nên giữ trong mã nguồn. Hãy bỏ chú thích và khoảng trắng ở bản đưa lên, giữ bản dễ đọc cho thứ bạn sửa. Trên một máy chủ đã bật nén, mức lợi nhỏ hơn phần lớn mọi người tưởng, vì gzip xử lý khoảng trắng lặp lại rất giỏi, nhưng vẫn có ích và chẳng tốn gì.

Công cụ liên quan

Chuyển đổi Markdown sang HTML Công cụ Chuyển HTML sang Markdown Chuyển đổi màu

Mã đánh dấu đang làm khó bạn?

Thực thể bị thoát, mã hoá hỏng và nội dung hiện một kiểu trong CMS còn trên trang lại một kiểu khác thường có nghĩa là đâu đó trong chuỗi xử lý đang đoán. Chúng tôi dựng giao diện và cả đường xuất bản phía sau, để khách xem thấy đúng thứ bạn viết.

Trao đổi về website của bạn

Câu hỏi thường gặp

Rút gọn thật sự tiết kiệm được bao nhiêu?
Ít hơn bạn nghĩ khi nén đã bật, vì gzip vốn đã gộp khoảng trắng lặp lại rất hiệu quả. Mức tiết kiệm là thật nhưng thường khiêm tốn; với hầu hết tệp kiểu, cái lợi lớn hơn là xoá đi những quy tắc không ai còn dùng.
Nó có làm hỏng tệp kiểu của tôi không?
Không, nếu đầu vào hợp lệ. Chú thích và khoảng trắng không mang nghĩa trong CSS, trừ một ngoại lệ: khoảng trắng trong bộ chọn hậu duệ là có nghĩa, và công cụ nào bỏ nó đi sẽ đổi thứ mà quy tắc khớp tới. Trang này giữ lại.
Tôi lấy lại định dạng cũ được không?
Bạn làm nó dễ đọc lại được, nhưng không lấy lại được bản gốc: chú thích đã mất, và cách xuống dòng của người viết cũng vậy. Việc làm đẹp tạo ra một bố cục nhất quán chứ không phải bố cục ban đầu, nên bản nguồn mới là bản cần giữ.
Có nên rút gọn bằng tay không?
Chỉ khi làm một lần. Thứ bạn triển khai đều đặn nên được rút gọn trong quá trình build, để bản dễ đọc vẫn là bản bạn sửa. Trang này dành cho việc một lần và để kiểm tra thứ mà build vừa tạo ra.
CSS của tôi có bị tải lên đâu không?
Không. Nó được xử lý trong trình duyệt và không có gì rời khỏi trang. Điều này quan trọng hơn nghe qua: một tệp kiểu thường để lộ tên lớp nội bộ, tính năng chưa phát hành và cấu trúc một trang trước khi ra mắt.