csstidy - Trực tuyến trên đám mây

CHƯƠNG TRÌNH:

TÊN

csstidy - Trình phân tích cú pháp và tối ưu hóa CSS

SYNOPSIS

csstidy tệp đầu vào [tùy chọn] [tệp đầu ra]

MÔ TẢ

Sản phẩm csstidy(1) lệnh phân tích cú pháp và tối ưu hóa tệp css được cung cấp dưới dạng tập tin đầu vào. Nếu không
tập tin đầu ra được chỉ định, kết quả sẽ được hiển thị ở đầu ra tiêu chuẩn. Các tùy chọn khác nhau
cho phép kiểm soát chi tiết mức độ dễ đọc, kích thước tệp và các mục khác.

Nếu bạn sử dụng tên tệp "-", csstidy sẽ đọc từ stdin. Trong hầu hết trường hợp bạn có thể sẽ tìm thấy
các giá trị mặc định của csstidy là hợp lý và có thể áp dụng cho hầu hết các tình huống.

Lưu ý rằng csstidy không được thiết kế để trở thành trình xác thực css. Mặc dù bạn chỉ nên nhập
mã hợp lệ (hoặc đúng hơn), csstidy cũng sẽ phân tích cú pháp và sửa mã không chính xác.

VÍ DỤ

Để tối ưu hóa tệp CSS và gửi đầu ra tới màn hình, hãy sử dụng:
csstidy mycssfile.css

Nếu bạn muốn lưu đầu ra vào một tệp, hãy sử dụng:
csstidy mycssfile.css myoutputfile.css

Nếu bạn muốn sử dụng [các] tùy chọn và xuất ra tệp, hãy sử dụng:
csstidy mycssfile.css --lowcase_s=true myoutputfile.css

LỰA CHỌN

--allow_html_in_templates=[false|true]
mặc định = sai

--case_properties=[false|true]
Trường hợp về tài sản. Mặc định = sai.

--compress_colors=[true|false]
Nếu được đặt thành true, csstidy sẽ tối ưu hóa giá trị màu bằng cách cố gắng lưu byte (tức là màu đen
trở thành #000). Mặc định = đúng.

--compress_font-weight=[true|false]
Nếu được đặt thành true, csstidy sẽ tối ưu hóa giá trị phông chữ bằng cách cố gắng lưu byte (tức là bình thường
trở thành 400). Mặc định = đúng.

--discard_invalid_properties=[false|true]
Nếu được đặt thành true, csstidy sẽ xóa các thuộc tính không hợp lệ. Theo một nghĩa nào đó thì điều này giống như
xác thực, ngoại trừ bạn không nhận được cảnh báo nào trừ khi bạn nghiên cứu kết quả đầu ra. Ví dụ, nếu
bạn viết sai chính tả thuộc tính "width" thành "with", thuộc tính đó sẽ bị xóa.
Mặc định = sai.

--chữ thường_s=[false|true]
Nếu được đặt thành true, tất cả các bộ chọn chữ hoa (tức là A, P, SPAN) sẽ được viết lại bằng
chữ thường. Mặc định = sai.

--preserve_css=[false|true]
Tất cả các nhận xét và hầu hết các bản hack cụ thể của trình duyệt sẽ bị xóa nếu điều này được đặt thành sai.
Đặt giá trị này thành true sẽ bảo toàn các bản hack cụ thể của trình duyệt. Mặc định = sai.

--remove_bslash=[true|false]
Loại bỏ các dấu gạch chéo ngược không cần thiết. Điều này có thể được mong muốn hoặc không tùy thuộc vào
liệu bạn có sử dụng dấu gạch chéo ngược để chứa các trình duyệt không tuân thủ w3c hay không
tiêu chuẩn. Mặc định = đúng.

--remove_last_;=[false|true]
Mặc định = sai.

--silent=[false|true]
Khi được đặt thành true, csstidy sẽ không xuất thông tin về các tối ưu hóa
được tạo hình sẵn. Mặc định = sai.

--sort_properties=[false|true]
Sắp xếp các thuộc tính (ví dụ: nền, màu sắc, chiều rộng) của bộ chọn. Mặc định = sai.

--sort_selectors=[false|true]
Sắp xếp bộ chọn. Hãy sử dụng điều này một cách thận trọng vì nó sẽ sắp xếp lại hoàn toàn mọi cảm giác về
bố cục trong tệp của bạn mà bạn có thể đã ghi vào đó và css rất nhạy cảm với thứ tự.
Sắp xếp theo thứ tự ID, lớp và sau đó là bộ chọn. Mặc định = sai.

--timestamp=[false|true]
Nếu được đặt thành true, hãy thêm nhận xét kèm theo dấu thời gian vào đầu kết quả đầu ra. Mặc định =
sai.

--merge_selector=[2|1|0]
Nếu bộ chọn (bao gồm ID và lớp) có thuộc tính giống hệt nhau thì csstidy sẽ
hợp nhất chúng. Cài đặt là 2 thể hiện mức độ hợp nhất cao. 0 đại diện cho không
sáp nhập. Mặc định = 2.

--optimise_shorthands=[1|2|0]
Nếu được đặt thành 2, csstidy sẽ gọi tất cả các tối ưu hóa. 0 đại diện cho không có sự tối ưu hóa và
1 mức độ tối ưu hóa an toàn. Mặc định = 1.

--template=[mặc định|tên tệp|thấp|cao|cao nhất]
Ảnh hưởng đến mức độ xóa khoảng trắng và cuối cùng là khả năng đọc của đầu ra.

CSS HACKS

Sau đây là danh sách tất cả các bản hack CSS sẽ không được sửa đổi theo mặc định bởi csstidy.
Nếu bạn bật "bảo toàn CSS", nhiều bản hack sẽ được lưu lại. Nói chung bạn nên làm mà không cần
Dù sao thì cũng có hack CSS, nhưng nếu bạn cần chúng và muốn sử dụng csstidy, bạn nên sử dụng một trong các cách sau.
hack sau:

giá trị tài sản; (chỉ khi bạn vô hiệu hóa việc loại bỏ các dấu gạch chéo ngược không cần thiết)
div#kiểm tra
đầu:con đầu lòng+div cơ thể
cơ thể>div
html[xmlns] div
@import "null?\"\\{"; @import "styles.css"; (và tất cả các quy tắc @import khác)
@media all{/\* quy tắc \*/}
* div html
i\{content:"\"/*"\} div\{property:value\}
html*#test
_giá trị tài sản

Sử dụng csstidy trực tuyến bằng dịch vụ onworks.net