CSS là lớp hiển thị của web. Công cụ này cho phép bạn tạo kiểu cho HTML để giúp bạn đạt được các mục tiêu thiết kế mà bạn đã dự định cho trang web của mình. Tại đây, bạn có thể tìm thấy nhiều bộ sưu tập nội dung, khoá học, mẫu và đường liên kết đến các bài viết hữu ích khác để hướng dẫn bạn trong hành trình tìm hiểu và sử dụng CSS nhằm giúp trang web của bạn trông giống như bạn đã hình dung!
Nếu bạn mới sử dụng CSS, chúng tôi sẽ giúp bạn. Khoá học Tìm hiểu về CSS của chúng tôi sẽ hướng dẫn bạn các kiến thức cơ bản về cách hoạt động của CSS.
Tìm hiểu các mẹo và kỹ thuật mới nhất để sử dụng trong công việc ngay hôm nay.
Tìm hiểu về các tính năng mới nhất của CSS vừa mới ra mắt trong tất cả các công cụ trình duyệt chính.
Hãy xem một số mẫu CSS mà bạn có thể sử dụng để nhanh chóng tạo bố cục, ảnh động và giao diện cho trang web của mình.
Khi nói đến tốc độ trang, CSS là một trong những điều bạn nên nghĩ đến. Những hướng dẫn này có thể giúp bạn giải quyết các vấn đề thường gặp về hiệu suất khi sử dụng CSS.
Cách bạn sử dụng CSS có thể ảnh hưởng đến khả năng hỗ trợ tiếp cận của các ứng dụng web. Những hướng dẫn này có thể giúp bạn đảm bảo rằng bạn đang sử dụng CSS theo cách giúp các ứng dụng web của bạn dễ sử dụng hơn cho nhiều người hơn.
Từ khả năng hỗ trợ tiếp cận đến chỉ mục z, Podcast về CSS là một cách tuyệt vời để tìm hiểu thêm về CSS từ một số chuyên gia hàng đầu trong ngành.
KHOÁ HỌC

Nếu bạn mới sử dụng CSS, chúng tôi sẽ giúp bạn. Khoá học Tìm hiểu CSS của chúng tôi sẽ hướng dẫn bạn về các nguyên tắc cơ bản về cách hoạt động của CSS, bắt đầu từ bộ chọn, thuộc tính, giá trị, nguyên tắc bố cục cơ bản và cách áp dụng các nguyên tắc đó cho trang web của bạn.

Tìm hiểu về CSS!
Tìm hiểu các mẹo và kỹ thuật mới nhất để sử dụng trong công việc ngay hôm nay.
Điều chỉnh phông chữ theo lựa chọn ưu tiên của người dùng để họ cảm thấy thoải mái nhất khi đọc nội dung của bạn.
Tìm hiểu thêm
Tất cả các công cụ chính hiện đều hỗ trợ các không gian màu và hàm CSS mới. Hãy tìm hiểu cách các màu này có thể làm sống động thiết kế của bạn.
Tìm hiểu thêm
Cải thiện trải nghiệm gỡ lỗi web bằng bản đồ nguồn.
Tìm hiểu thêm
Lưới con hiện có thể tương tác trên cả ba công cụ chính. Tìm hiểu cách sử dụng tính năng này.
Tìm hiểu thêm

Đường cơ sở cho nhà phát triển web biết thời điểm có thể sử dụng an toàn các tính năng của nền tảng web trong tất cả các công cụ trình duyệt chính. Dưới đây là một số tính năng của CSS hiện đã được cung cấp trong phiên bản Baseline mới.
scrollbar-gutter trở thành Đường cơ sở Mới có sẵn vào tháng 12 năm 2024.

::target-text

::target-text trở thành Giá trị cơ sở. Ra mắt mới vào tháng 12 năm 2024.
ruby-align trở thành Baseline Mới có sẵn vào tháng 12 năm 2024.
ruby-position trở thành Giá trị cơ sở Mới có sẵn vào tháng 12 năm 2024.
Cú pháp màu tương đối CSS trở thành Đường cơ sở mới có sẵn từ tháng 9 năm 2024.

content-visibility

content-visibility đã trở thành Baseline (Cơ sở) Mới có từ tháng 9 năm 2024.
CSS @starting-style đã trở thành Baseline (Đường cơ sở) mới có từ tháng 8 năm 2024.
font-size-adjust đã trở thành Baseline (Đường cơ sở) mới có từ tháng 7 năm 2024.
CSS @property đã trở thành Baseline (Cơ sở) mới có từ tháng 7 năm 2024.
light-dark() trở thành Giá trị cơ sở Mới có từ tháng 5 năm 2024.

align-content

align-content trên bố cục khối đã trở thành Giá trị cơ sở Mới có sẵn vào tháng 4 năm 2024.
Các giá trị offset-position và offset-path đã trở thành Giá trị cơ sở mới có từ tháng 1 năm 2024.

Không có cách nào duy nhất để giải quyết các thách thức về giao diện. Trong loạt video này, bạn sẽ khám phá các cách để tạo bố cục, ảnh động và chủ đề cho các trang web của mình.

Tìm hiểu thêm
CSS chịu trách nhiệm cho phần lớn hoạt động hiển thị diễn ra trên một trang, là một yếu tố ảnh hưởng đến tốc độ xuất hiện của trang và phản hồi các tương tác của người dùng. Những hướng dẫn này có thể giúp bạn viết CSS để cải thiện tốc độ trang.
Tính toán lại kiểu là một quá trình áp dụng các quy tắc CSS cho DOM và các bộ chọn quá phức tạp có thể gây ra vấn đề về hiệu suất. Hãy đọc hướng dẫn này để tìm hiểu cách tối ưu hoá bộ chọn nhằm cải thiện hiệu suất.
Tìm hiểu thêm

content-visibility: Một thuộc tính CSS giúp tăng hiệu suất kết xuất

Bạn có thể sử dụng thuộc tính content-visibility để trì hoãn việc hiển thị các phần của một trang cho đến khi cần đến. Hướng dẫn này cho biết cách bạn có thể sử dụng thuộc tính này để tăng hiệu suất kết xuất của ứng dụng web.
Tìm hiểu thêm
Cách bạn viết kiểu có thể ảnh hưởng đáng kể đến Chỉ số quan trọng chính của trang web. Hãy đọc hướng dẫn này để tìm hiểu cách điều chỉnh CSS của ứng dụng web nhằm cải thiện hiệu suất.
Tìm hiểu thêm
Kích thước DOM lớn có thể kích hoạt các thao tác kết xuất lâu và điều này có thể ảnh hưởng đến khả năng phản hồi của ứng dụng web đối với hoạt động đầu vào của người dùng. Hãy xem hướng dẫn này để biết cách giảm kích thước DOM nhằm cải thiện hiệu suất.
Tìm hiểu thêm
Từ độ tương phản màu sắc đến thiết kế thích ứng, CSS có tác động rõ ràng đến khả năng sử dụng ứng dụng web của bạn đối với tất cả người dùng. Hãy đọc các hướng dẫn này để nâng cao kiến thức về CSS để bạn có thể xây dựng các ứng dụng web hữu ích cho nhiều người hơn.
Để tạo kiểu cho các thành phần tương tác trên trang theo cách dễ tiếp cận, bạn cần xem xét kích thước và khoảng cách của các thành phần để dễ sử dụng hơn. Hãy đọc các nguyên tắc này để xây dựng các ứng dụng web giúp người dùng dễ dàng điều hướng hơn.
Tìm hiểu thêm