CSS Formatter

Giới thiệu về CSS Formatter

Định dạng và làm đẹp mã CSS của bạn để dễ đọc hơn. Công cụ trực tuyến miễn phí này giúp bạn thụt lề và định dạng mã CSS lộn xộn một cách hợp lý.

Định dạng lại CSS bị nén hoặc thụt lề không nhất quán để selector, khai báo, at-rule và khối lồng dễ rà soát hơn.

Tính năng chính

• Mục đích định dạng Định dạng lại CSS bị nén hoặc thụt lề không nhất quán để selector, khai báo, at-rule và khối lồng dễ rà soát hơn.
• Mã nguồn hỗ trợ Dán stylesheet hoặc đoạn CSS gồm media query, keyframe, custom property và cú pháp hiện đại được hỗ trợ.
• Tùy chọn trình bày Chọn độ rộng thụt lề và tùy chọn xuống dòng hoặc đặt dấu ngoặc nếu công cụ cung cấp.
• Kết quả định dạng Bộ định dạng trả về CSS có khoảng trắng nhất quán để kiểm tra, sao chép và so sánh mà không chủ ý thay đổi khai báo.

Cách sử dụng CSS Formatter

Thực hiện quy trình sau để xử lý stylesheet CSS an toàn và chính xác.

1. Dán stylesheet CSS Dán stylesheet hoặc đoạn CSS gồm media query, keyframe, custom property và cú pháp hiện đại được hỗ trợ.
2. Chọn quy tắc định dạng Chọn độ rộng thụt lề và tùy chọn xuống dòng hoặc đặt dấu ngoặc nếu công cụ cung cấp.
3. Định dạng mã nguồn Chạy formatter sau khi stylesheet CSS được parser đọc thành công. Công cụ áp dụng quy tắc trình bày mà không chủ ý đổi cấu trúc đã phân tích.
4. Kiểm tra và sao chép Bộ định dạng trả về CSS có khoảng trắng nhất quán để kiểm tra, sao chép và so sánh mà không chủ ý thay đổi khai báo.

Lưu ý khi sử dụng

• Giữ bản sao trước khi định dạng CSS được sinh tự động nếu bước build khác phụ thuộc khoảng trắng chính xác.
• Chạy CSS linter riêng để tìm thuộc tính không hỗ trợ, khai báo trùng và vấn đề tương thích.
• Nén lại đầu ra đã duyệt khi triển khai production nếu dung lượng bundle quan trọng.

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