CSS
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!
Chuyển đến phần sau trên trang này:
Tìm hiểu CSS
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.
Thông tin mới nhất về CSS và thiết kế giao diện người dùng
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.
Các tính năng mới có sẵn trong CSS
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.
Tìm hiểu về mẫu CSS
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.
CSS và hiệu suất
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.
CSS và khả năng hỗ trợ tiếp cận
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.
The CSS Podcast
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
Bạn mới sử dụng CSS?
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.
Thông tin mới nhất về CSS và thiết kế giao diện người dùng
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 kiểu chữ theo lựa chọn ưu tiên của người dùng bằng CSS
Đ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.
Các hàm và hệ màu của CSS mới trong tất cả các công cụ chính
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.
Bản đồ nguồn là gì?
Cải thiện trải nghiệm gỡ lỗi web bằng bản đồ nguồn.
Lưới con CSS
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.
Các tính năng CSS mới có sẵn theo đường cơ sở
Đườ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.
@starting-style
@starting-style trở thành Baseline mới vào tháng 8 năm 2024.
font-size-adjust
font-size-adjust trở thành Giá trị cơ sở mới có sẵn vào tháng 7 năm 2024.
@property
@property đã trở thành Baseline mới vào tháng 7 năm 2024.
light-dark()
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
align-content trên bố cục khối đã trở thành Baseline mới được cung cấp vào tháng 4 năm 2024.
Các thuộc tính offset-position và offset-path của CSS
Các giá trị
offset-position và offset-path trở thành giá trị Baseline mới được cung cấp vào tháng 1 năm 2024.
Tìm hiểu về mẫu CSS
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.
Bố cục
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.
Ảnh động
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.
Tùy chỉnh giao diện
Kỹ thuật hỗ trợ quản lý màu sắc xuyên suốt dự án.
CSS và hiệu suất
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.
Giảm phạm vi và độ phức tạp của việc tính toán kiểu
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.
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.
CSS cho Các chỉ số quan trọng về trang 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 ảnh hưởng đến khả năng tương tác và việc bạn có thể là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.
CSS và khả năng hỗ trợ tiếp cận
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.
Mục tiêu nhấn có thể truy cập được
Để 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.
Hỗ trợ tiếp cận bằng màu sắc và độ tương phả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.
Thiết kế đáp ứng dễ tiếp cận
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.
Sắp xếp lại nội dung
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.
Podcast CSS
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.