Bỏ qua tới nội dung
Toolars
Khám phá

Định dạng CSS

CSS Formatter

CSS Dán mã nguồn tối đa 256 KiB UTF-8. Không thực thi mã. Chọn 1–8 dấu cách hoặc tab. Tùy chọn áp dụng khi bấm Định dạng. CSS giữ thứ tự khai báo và quy tắc dự phòng khi in bộ chọn, quy tắc và giá trị đã phân tích. Kiểm tra bảng kiểu trong trang đích.

Xử lý cục bộ

Chi tiết xử lý

Dữ liệu nhập của công cụ được xử lý trên thiết bị của bạn.

Công cụ có thể tải tài nguyên để hoạt động. Dịch vụ tài khoản hoạt động riêng.

Đang chuẩn bị dùng ngoại tuyến…

Thông tin quyền riêng tư
Báo lỗi

Lộ trình tác vụ / từ đầu vào đến kết quả

Cách định dạng CSS

  1. 01

    Dán CSS của bạn

    CSS · Dán mã nguồn tối đa 256 KiB UTF-8. Không thực thi mã.

  2. 02

    Chọn kiểu thụt lề

    Chọn 1–8 dấu cách hoặc tab.

  3. 03

    Định dạng bằng một trình phân tích thật

    CSS · Định dạng đoạn mã dày, kiểm tra kết quả và đối chiếu trong môi trường đích trước khi dùng lại.

  4. 04

    Rà soát kết quả và thống kê

    So sánh số byte UTF-8 đầu vào, đầu ra và tỷ lệ tiết kiệm. Giá trị tiết kiệm âm nghĩa là kết quả lớn hơn; hãy kiểm tra trước khi sao chép hoặc tải xuống.

  5. 05

    Sao chép hoặc tải xuống kết quả

    Có. Cả hai xuất kết quả UTF-8 đang hiển thị. Đổi nguồn hoặc thụt lề làm mất hiệu lực kết quả cũ; chạy lại trước khi xuất.

Thông tin công cụ

Xử lý
Trong trình duyệt của bạn
Dữ liệu nhập rời thiết bị này
Không bao giờ
Lưu giữ
Không có gì được lưu
Giá
Miễn phí

Dữ liệu bạn nhập ở lại trong trình duyệt.

Định dạng CSS dùng lộ trình thực thi cục bộ đã xác minh và không tạo lịch sử đầu vào hay đầu ra ẩn.

Thực thi cục bộ

Chạy bên trong tab trình duyệt hiện tại.

Không xử lý ẩn

Dữ liệu công cụ đang hoạt động không bao giờ trở thành bản ghi tài liệu của Toolars.

Không cần tài khoản

Dùng quy trình cốt lõi mà không cần tạo hồ sơ. Mục yêu thích đồng bộ vào tài khoản sau khi bạn đăng nhập.

Đặt lại ngay lập tức

Xóa tab và dữ liệu đang làm việc sẽ biến mất.

Khi nào Định dạng CSS hữu ích

Đánh giá mã nguồn

Làm cho mã nguồn dễ kiểm tra hơn trước khi chia sẻ với một lập trình viên khác.

Thành phần build

Tạo HTML, CSS hoặc JavaScript gọn nhẹ mà không thực thi mã nguồn.

Đoạn mã sẵn sàng sao chép

Định dạng một ví dụ tập trung và đưa thẳng vào tài liệu hoặc trình soạn thảo.

Định dạng CSS thực sự làm gì

Hướng dẫn ngắn gọn về phép chuyển đổi, ranh giới của nó và kết quả bạn nên mong đợi.

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

Giới hạn kích thước là bao nhiêu?
Đầu vào giới hạn 256 KiB, đầu ra 512 KiB. Worker cục bộ có giới hạn riêng năm giây để khởi động và chạy; sửa mã hoặc nhấn Hủy sẽ dừng tác vụ.
Định dạng có thay đổi cách CSS của tôi hoạt động không?
CSS giữ thứ tự khai báo và quy tắc dự phòng khi in bộ chọn, quy tắc và giá trị đã phân tích. Kiểm tra bảng kiểu trong trang đích.
Vì sao CSS của tôi bị từ chối?
Đây là một trình phân tích, không phải công cụ dọn văn bản: cú pháp hỏng như một dấu ngoặc chưa đóng hay một ký tự lạc sẽ dừng lượt chạy, và dòng trạng thái nêu dòng và cột của vấn đề. Không có đầu ra nào được tạo từ đầu vào không hợp lệ, nên một sheet dở dang hay phỏng đoán không bao giờ lọt vào clipboard của bạn một cách tình cờ.
Tôi có thể dùng tab hay thụt lề tám dấu cách không?
Chọn 1–8 dấu cách hoặc tab. Tùy chọn áp dụng khi bấm Định dạng.
Hàng thống kê cho tôi biết gì?
Dòng này cho biết byte UTF-8 trước và sau chuyển đổi cùng mức chênh lệch. Định dạng có thể tăng dung lượng; con số không chứng minh tính hợp lệ hay hiển thị giống nhau.
Stylesheet của tôi có bị tải lên đâu không?
Không. Mã nguồn được phân tích bên trong một Worker cục bộ và không bao giờ được thực thi, tải lên hay lưu lại. Việc trình phân tích chấp nhận không đồng nghĩa với tính đúng đắn của ứng dụng hay tương thích trình duyệt.

Tác vụ liên quan, không phải ngõ cụt.

Chuyển sang một không gian làm việc tập trung khác mà không cần quay lại mục lục đầy đủ.

Không gian URL

URL Workbench

Làm sạch danh sách URL, bảo vệ liên kết có chữ ký và giải thích từng dòng; so sánh thành phần và xuất sitemap.

Chỉnh sửa

Khám phá JSON

JSON Explorer

Truy vấn JSONPath, trích xuất trường và khôi phục bản ghi JSON Pointer, giữ độ chính xác của số lớn.

Kiểm tra

Kiểm tra JSON Schema

JSON Schema Validator

Kiểm tra Draft 7 hoặc 2020-12 cục bộ với đường dẫn lỗi; suy luận lược đồ từ nhiều mẫu.

Kiểm tra

Chuẩn bị HTML xuất bản

HTML Publishing

Làm sạch HTML đã dán, giữ ngữ nghĩa danh sách, liên kết và bảng; xem trước thay đổi an toàn.

Xuất bản