Định dạng và nén CSS
Biến CSS đã nén thành bảng định kiểu dễ đọc, thụt lề đẹp, hoặc nén nhỏ lại để trang tải nhanh hơn.
Dán CSS của bạn bên dưới:
Kết quả:
Cách định dạng hoặc nén CSS
- Dán CSS của bạn vào ô nhập liệu.
- Chọn Định dạng để làm nó dễ đọc hoặc Nén để thu nhỏ nó.
- Nhấp Xử lý để xem bảng định kiểu đã biến đổi.
- Sao chép đầu ra khi bạn hài lòng.
Câu hỏi thường gặp
Định dạng CSS thực hiện điều gì?
Nó đặt mỗi bộ chọn trên một dòng riêng và thụt lề từng khai báo, giúp cấu trúc bảng định kiểu dễ quét và chỉnh sửa.
Nén CSS thực hiện điều gì?
Nó xóa chú thích và dòng mới, đồng thời cắt bớt khoảng trắng không cần thiết, tạo ra biểu diễn an toàn nhỏ nhất cho cùng các quy tắc.
Định dạng có làm thay đổi cách CSS hoạt động không?
Không. Định dạng chỉ thay đổi khoảng trắng và ngắt dòng, những thứ CSS bỏ qua. Các kiểu tính toán vẫn giữ nguyên.
Công cụ này có miễn phí không?
Có. Mọi công cụ Handio đều miễn phí và chạy hoàn toàn trong trình duyệt của bạn, không cần đăng ký và không tải lên.
Công cụ liên quan
Tại sao định dạng hoặc thu gọn CSS?
CSS dễ đọc giúp bảo trì stylesheet dễ hơn, còn CSS thu gọn tiết kiệm byte ở mỗi lần tải trang. Công cụ này mở rộng style bị nén hoặc nén style dễ đọc cho môi trường sản xuất.
- Làm đẹp CSS đã thu gọn trước khi chỉnh sửa hoặc xem lại stylesheet.
- Thu gọn CSS cho bản dựng sản xuất để giảm kích thước tải xuống.
- Chuẩn hóa định dạng để stylesheet dễ quét và so sánh.
Mẹo và Giới hạn
Việc định dạng chỉ thay đổi khoảng trắng, các style tính toán vẫn giữ nguyên, nhưng trình phân tích là nỗ lực tốt nhất với cú pháp rất lạ. Mọi thứ chạy cục bộ trong trình duyệt.