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 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ấ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.
Cải thiện trải nghiệm gỡ lỗi web bằng bản đồ nguồn.
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.

Đườ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 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 đã 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 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.

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.

Các mẫu bố cục được tạo bằng CSS API hiện đại giúp bạn xây dựng các giao diện phổ biến như thẻ, vùng lưới động và bố cục toàn trang.
Kỹ thuật ảnh động được tạo bằng CSS hoặc JavaScript có cân nhắc về khả năng tiếp cận và lựa chọn ưu tiên của người dùng.
Kỹ thuật hỗ trợ quản lý màu sắc xuyên suốt dự án.
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.
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.
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.
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ừ độ 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ương phản màu sắc là một khía cạnh quan trọng trong thiết kế giúp người dùng dễ đọc nội dung của bạn hơn. Hướng dẫn này có thể giúp bạn xây dựng các ứng dụng web đẹp mắt, nhấn mạnh khả năng đọc và khả năng hữu dụng.
Chúng tôi biết rằng bạn nên thiết kế theo kiểu thích ứng để mang lại trải nghiệm tốt nhất trên nhiều thiết bị, nhưng thiết kế thích ứng cũng mang lại lợi ích cho khả năng hỗ trợ tiếp cận.
Thứ tự nội dung trong tài liệu rất quan trọng đối với khả năng hỗ trợ tiếp cận của trang web. CSS mà bạn sử dụng có thể ảnh hưởng đến khả năng hỗ trợ tiếp cận. Hướng dẫn này sẽ cho bạn biết tất cả những điều cần biết khi sử dụng CSS để sắp xếp lại thứ tự hình ảnh của nội dung trên trang.

CSS là ngôn ngữ định kiểu cốt lõi của web. Đối với các nhà phát triển web, đây là một trong những công nghệ nhanh nhất để bắt đầu, nhưng cũng là một trong những công nghệ khó nắm bắt nhất. Theo dõi Una Kravets và Adam Argyle, những Nhà bảo trợ nhà phát triển của Google. Họ rất vui khi chia nhỏ các khía cạnh phức tạp của CSS thành các tập dễ hiểu, bao gồm mọi thứ từ khả năng hỗ trợ tiếp cận đến chỉ mục z.