CodeUtility
Lập trình thông minh, làm việc hiệu quả!

CSS Minifier - Nén CSS Online

Nén CSS tối ưu với CSS Minifier Online—giảm nhanh file, loại bỏ khoảng trắng, tăng tốc tải trang. Không cần cài đặt, dùng ngay trên trình duyệt.

Thẻ: css nén mã nén mã scss

🚀 107,651 tổng số lượt chuyển đổi (9 trong tháng này)

Luyện Python với thử thách lập trình

Giải các bài tập thực tế ngay trên trình soạn thảo này: chạy kiểm thử mẫu, nộp bài và nhận đánh giá code từ AI.

Tất cả thử thách Python
Dễ

Tích vô hướng của hai vector

Nhân hai vector theo từng phần tử rồi cộng kết quả lại, phép tính cốt lõi của mọi nơ-ron.

Bạn sẽ học VectorTích vô hướng
Mạng nơ-rontrí tuệ nhân tạohọc máy
Python C++ C#
2 đã giải
Xem 2 lời giải
Dễ

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

Bạn sẽ học Số họcGiá trị trả về
BeginnerLearning-pathVariables
Python C++ C#
1 đã giải
Xem 1 lời giải
Dễ

Distance Between Points

Compute the straight-line distance between two points.

Bạn sẽ học Định lý PythagoreCăn bậc hai
BeginnerFunctionsLearning-pathmath
Python C++ C#
1 đã giải
Xem 1 lời giải
Dễ

Count Pairs With a Sum

Count pairs of positions whose values add up to a target.

Bạn sẽ học Cặp chỉ sốTránh đếm trùng
ArraysBeginnerLearning-pathNested-loops
Python C++ C#
1 đã giải
Xem 1 lời giải
Dễ

Trung Bình Của Ba Số

Tính trung bình cộng của ba số nguyên.

Bạn sẽ học Số họcPhép chia
BeginnerLearning-pathVariables
Python C++ C#
1 đã giải
Xem 1 lời giải
Dễ

Ghép khách hàng và đơn hàng

Ghép khách hàng với đơn hàng giống LINQ Join và báo tổng chi tiêu của từng khách.

Bạn sẽ học LINQ JoinGom nhóm
ArraysSorting
Python C++ C#
0 đã giải
Chưa có lời giải
Dễ

Danh sách việc cần làm

Quản lý danh sách công việc: thêm, đánh dấu xong, xóa và báo những việc còn lại.

Bạn sẽ học Collection có kiểuRecord
BeginnerSimulationStrings
Python C++ C#
0 đã giải
Chưa có lời giải
Dễ

Thao tác với danh sách liên kết

Mô phỏng danh sách liên kết: thêm vào hai đầu, xóa ở đầu hoặc theo giá trị, và đảo ngược.

Bạn sẽ học Danh sách liên kếtMô phỏng
Data-structuresSimulation
Python C++ C#
0 đã giải
Chưa có lời giải
Dễ

Cộng các số trong đối tượng JSON phẳng

Phân tích một đối tượng JSON phẳng có các giá trị là số nguyên và cộng các giá trị đó lại.

Bạn sẽ học Phân tích JSONTách chuỗi
ParsingStrings
Python C++ C#
0 đã giải
Chưa có lời giải
Dễ

Tổng thời gian với WhenAll

Tìm chương trình mất bao lâu khi mỗi nhóm tác vụ chạy cùng nhau bằng Task.WhenAll và các nhóm chạy lần lượt.

Bạn sẽ học Async/awaitTask.WhenAll
ArraysBeginner
C++ Python C#
0 đã giải
Chưa có lời giải
Trung bình

Thứ tự hoàn thành tác vụ song song

Chạy các task đồng thời với tối đa k task cùng lúc và báo cáo thứ tự chúng hoàn thành.

Bạn sẽ học Đồng thờiHàng đợi ưu tiên
SimulationSorting
Python C++ C#
0 đã giải
Chưa có lời giải
Trung bình

Ngăn xếp với giá trị nhỏ nhất

Xây dựng một stack có thể báo cáo phần tử nhỏ nhất của nó ngay lập tức sau bất kỳ lần push hoặc pop nào.

Bạn sẽ học Ngăn xếpGiá trị nhỏ nhất
Data-structuresStacks
Python C++ C#
0 đã giải
Chưa có lời giải

Giới thiệu

Công cụ nén CSS trực tuyến này giúp bạn nén và tối ưu hóa mã CSS một cách dễ dàng. Nó lý tưởng để cải thiện hiệu suất trang web bằng cách giảm kích thước tệp và thời gian tải.

Cách sử dụng công cụ này

  1. Dán mã CSS của bạn trực tiếp vào trình soạn thảo hoặc nhập vào.
  2. Nhấp vào nút Minify để nén mã CSS của bạn.
  3. Sau khi nén, bạn có thể:
    • Tải xuống kết quả đã tối ưu hóa.
    • Lưu hoặc chia sẻ nó bằng một liên kết duy nhất.
    • Đăng nhập bằng Google hoặc GitHub để lưu mã đã nén của bạn cho lần sử dụng sau.

CSS là gì?

CSS (Cascading Style Sheets) là một ngôn ngữ được sử dụng để định kiểu các trang web và giao diện người dùng. Nó hoạt động cùng với HTML để kiểm soát bố cục, màu sắc, phông chữ và cách trình bày tổng thể của một trang web hoặc ứng dụng.

CSS không chỉ giới hạn ở các trang web-nó cũng có thể định kiểu cho các tài liệu dựa trên XML như SVG và XUL. Kết hợp với HTML và JavaScript, CSS đóng vai trò quan trọng trong việc xây dựng các trang web và ứng dụng di động hấp dẫn và tương tác.

Tìm hiểu thêm về CSS từ hướng dẫn CSS này .

Cú pháp CSS

      
body {
    padding-left: 11em;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: purple;
    background-color: #d8da3d
}

ul.navbar {
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em
}

h1 {
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif
}

Minification là gì?

Minification là quá trình giảm thiểu mã và đánh dấu trong các trang web và tệp kịch bản của bạn. Đây là một trong những phương pháp chính được sử dụng để giảm thời gian tải và sử dụng băng thông trên các trang web. Minification cải thiện đáng kể tốc độ và khả năng truy cập của trang, trực tiếp chuyển thành trải nghiệm người dùng tốt hơn. Nó cũng có lợi cho những người dùng truy cập trang web của bạn thông qua một gói dữ liệu hạn chế và muốn tiết kiệm băng thông khi lướt web.

Tại sao cần nén CSS?

Khi tạo CSS, các nhà phát triển thường sử dụng khoảng cách, chú thích và biến có tên rõ ràng để làm cho mã và đánh dấu dễ đọc cho chính họ. Nó cũng giúp những người khác có thể làm việc trên tài sản sau này. Mặc dù điều này là một điểm cộng trong giai đoạn phát triển, nhưng nó trở thành một điểm trừ khi phục vụ các trang của bạn. Máy chủ web và trình duyệt có thể phân tích nội dung tệp mà không cần chú thích và mã được cấu trúc tốt, cả hai đều tạo ra lưu lượng mạng bổ sung mà không cung cấp bất kỳ lợi ích chức năng nào.

Để nén các tệp CSS, cần loại bỏ chú thích và khoảng trắng thừa, cũng như rút gọn tên biến để giảm thiểu mã và giảm kích thước tệp. Phiên bản tệp đã nén cung cấp cùng một chức năng trong khi giảm băng thông của các yêu cầu mạng.

Ví dụ

Trước khi nén

      
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  display: inline-block;
}
nav a {
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}

Sau khi nén

      
nav ul{margin:0;padding:0;list-style:none;}nav li{display:inline-block;}nav a{display:block;padding:6px 12px;text-decoration:none;}