Học CSS3 căn bản & nâng cao

Trong phần này bạn sẽ được học kiến thức liên quan đến Học CSS3 nằm trong chuyên mục HTML & CSS, nếu có vấn đề thắc mắc thì hãy liên hệ admin để được hướng dẫn.

Căn bản
CSS3 là gì? Các module trong CSS3
Học CSS3 - Border Radius - Bo góc
Học CSS3 - Border Image - Tạo đường viền bằng hình
Học CSS3 - Các thuộc tính Backgrounds
Học CSS3 - Định dạng màu sắc
Học CSS3 - Gradient Background
Học CSS3 - Text Shadow - Box Shadow
Học CSS3 - Xử lý Text
Học CSS3 - Sử dụng @fonf-face
Học CSS3 - 2D Transforms
Nâng cao
CSS3 - Hiệu ứng Animation
Tìm hiểu object-fit trong CSS3
CSS3 Emphasis Marks
Tham khảo
Tạo thanh loading ngang với HTML và CSS DEMO
Tạo thanh Loading xoay với HTML và CSS DEMO
Tạo menu mờ với HTML và CSS DEMO
Tạo hiệu ứng khói với HTML và CSS DEMO
Tạo thanh tìm kiếm co dãn với HTML và CSS DEMO
Tạo hiệu ứng trò chơi pacman với HTML và CSS DEMO
Tạo đồng hồ treo tường với HTML và CSS DEMO
Tạo hiệu ứng mưa với HTML và CSS DEMO
Hiệu ứng bóng đổ với thuộc tính box-shadow của CSS3
Tạo hiệu ứng mặt trời mọc với HTML và CSS DEMO

Trong chuỗi bài học này bạn sẽ được học cách sử dụng CSS3 và các thuộc tính CSS3 mới nhất, mỗi thuộc tính sẽ có phần ví dụ minh họa.

CSS3 ra đời giúp việc xây dựng giao diện website trở nên đơn giản và đẹp hơn rất nhiều, việc sử dụng CSS3 sẽ giúp website chạy tốt hơn vì nhiều giao diện có thể sử dụng CSS thay vì phải cắt hình ảnh. Hiện nay hầu như mọi trình duyệt đã hỗ trợ CSS3 nên việc sử dụng CSS3 để phát triển giao diện website là điều bắt buộc, bạn không thể làm ra một ứng dụng đẹp nếu thiếu đi CSS3.

Trong loạt bài học CSS3 này mình chia làm 3 phần như sau:

  • Thứ nhất là phần CSS3 căn bản, đây là phần lý thuyết với nội dung căn bản, dễ hiểu
  • Thứ hai là phần CSS3 nâng cao, phần này là những chủ đề nâng cao
  • Thứ ba là phần tham khảo, đây là phần sẽ giúp bạn thực hành thông qua những ví dụ và ứng dụng trong thực tế.
Hy vọng chuỗi bài viết học CSS3 này sẽ hữu ích với bạn, chúc bạn học tốt nhé, đừng quên giới thiệu bạn bè vào học cùng.