Làm Đẹp Và Rút Gọn CSS Ver2

Chào mọi người, bài viết này mình đọc được bên blogspotvn.net về việc Làm Đẹp Và Rút Gọn CSS Ver2 khá thú vị cho anh em muốn rút gọn source code trong giao diện của bản thân.

Tình hình chung của anh em là muốn tạo một giao diện tuyệt vời tốc độ tải nhanh và chủ yếu luôn là SEO.

Chúng ta bắt đầu nhé.

Công cụ nhỏ gọn xử lý nhanh các đoạn CSS với các tính năng

Rút gọn CSS: đưa mỗi rule về 1 dòng, loại bỏ ký tự thừa.
Làm đẹp: định dạng lại CSS để dễ đọc và chỉnh sửa.
Phát hiện lỗi phổ biến: thiếu dấu ;, lỗi content:"", ...
Phân tích nhanh: đếm rule, selector, thuộc tính, trích xuất bảng màu và font chữ.
Tuỳ chọn khác: xoá comment, nén màu, bỏ đơn vị 0, sắp xếp thuộc tính.

Input CSS

Output

Phân tích nhanh

Ký tự: 0

Rule: 0

Selector: 0

Thuộc tính: 0

Bảng màu

Fonts

Mọi người lưu ý trước khi rút gọn Css thì nhờ sao lưu lại giao diện để tránh bị gặp lỗi nhé.

Theo BlogspotVN.Net

Hướng dẫn bình luận

Mọi người để lại bình luận góp ý, nhận xét về những bài viết mà mình chia sẽ văn minh lịch sự hay kích động, Không spam, không chèn link quảng cáo, bán hàng, Không sử dụng từ ngữ thô tục, xúc phạm, kích động, Link chỉ được phép khi thực sự liên quan đến nội dung bài viết, Không mạo danh người khác hoặc sử dụng email giả, Bình luận vi phạm sẽ bị xóa không cần thông báo trước.
Mọi người lưu ý răng, nếu muốn chia sẽ code ở bình luần thì cần mã hóa code trước khi bỏ vào khung nhé. :)

⑴ Chèn ℂ𝕤𝕤 theo mẫu : [pre css] CSS [/pre]
⑵ Chèn ℍ𝕥𝕞𝕝 theo mẫu : [pre html] HTML [/pre]
⑶ Chèn 𝕁𝕒𝕧𝕒𝕤𝕔𝕣𝕚𝕡𝕥 theo mẫu : [pre js] Javascript [/pre]

🖼️ Chèn 𝕀𝕞𝕒𝕘𝕖 theo mẫu : [img] Link hình ảnh [/img]
🎞️ Chèn Video 𝕐𝕠𝕦𝕥𝕦𝕓𝕖 theo mẫu : [youtube] Link Youtube [/youtube]

Làm Đẹp Và Rút Gọn CSS Ver2