Những công cụ lập trình bạn dùng mỗi ngày, gom lại một chỗ.

Bộ chuyển đổi, bộ định dạng, hàm băm, bộ kiểm tra và những tiện ích nhỏ bạn cứ mở đi mở lại nay nằm chung một nơi thay vì thất lạc khắp các tab.

GitHub

/ Công cụ

■

/ Tìm công cụ

109 công cụ

/ Trình định dạng/rút gọn CSS

Nhập CSS

/ Công cụ đã chọn

■

Trình định dạng/rút gọn CSS - công cụ định dạng miễn phí

Định dạng hoặc rút gọn stylesheet CSS

■ 01

CSS là gì?

CSS (Cascading Style Sheets) là một ngôn ngữ định kiểu dùng để mô tả cách trình bày của tài liệu HTML. Nó điều khiển bố cục, màu sắc, phông chữ và diện mạo tổng thể của trang web.

■ 02

Nó hoạt động như thế nào?

Định dạng phân tích các quy tắc CSS và thêm thụt lề nhất quán, xuống dòng sau dấu ngoặc nhọn và dấu chấm phẩy, và khoảng cách quanh bộ chọn. Rút gọn làm điều ngược lại: loại bỏ chú thích, gộp khoảng trắng và loại bỏ…

■ 03

Các trường hợp mẫu

Bao gồm Quy tắc CSS đơn giản, Nhiều bộ chọn và Có chú thích để bạn có thể nhanh chóng so sánh các đầu vào và đầu ra thông dụng.

/ Công cụ liên quan

/ Mã nguồn

■

Mã nguồn từ công cụ đã chọn, hiển thị ở đây bên cạnh phiên bản trực tiếp ở bên phải.

/ Mã nguồn

TypeScript

typescript

// No external dependencies needed - uses built-in string manipulation

function formatCss(css: string): string {
  if (!css.trim()) return '';

  let formatted = css;

  // Remove comments
  formatted = formatted.replace(/\/\*[\s\S]*?\*\//g, '');