Learn HTML/CSS

Learn the fundamentals of web design with our HTML and CSS tutorials. Build landing pages, apps, websites, and more, with animations and other advanced effects.

All HTML/CSS content:

  1. Cách sử dụng CSS Shape trong Thiết kế Web của bạn

    Cách sử dụng CSS Shape trong Thiết kế Web của bạn

    Tutorial Beginner

    Các yếu tố của layout là các cột và các dòng, các góc và các đường thẳng mà chúng ta dùng để xây dụng các trang web ngày nay bị ảnh hưởng lớn bởi di sản từ...

  2. Vui vẻ với tính năng mới của CSS: Backdrop Filter

    Vui vẻ với tính năng mới của CSS: Backdrop Filter

    Tutorial Intermediate

    Trong hướng dẫn này chúng ta sẽ tìm hiểu về một đồ chơi CSS mới nổi với tên gọi là Backdrop Filter.

  3. CSS Grid Layout: Sử dụng các Grid Area

    CSS Grid Layout: Sử dụng các Grid Area

    Tutorial Beginner

    Một điều mà chúng ta đã đề cập, nhưng vẫn chưa bao quát một cách đúng đắn trong loạt bài viết này đó là grid areas. Đến đây các phần tử trong grid của chúng...

  4. CSS Grid Layout: các cột có kích thước động và các gutter (khoảng không gian giữa các cột) tốt hơn

    CSS Grid Layout: các cột có kích thước động và các gutter (khoảng không gian giữa các cột) tốt hơn

    Tutorial Beginner

    Trong phần hướng dẫn này chúng ta sẽ lấy grid từ bài hướng dẫn trước của chúng ta và sử dụng nó như là một playground (nơi thực hành code) để tìm hiểu sâu...

  5. Một số phương thức khác nhau của CSS cho việc thay đổi thứ tự hiển thị

    Một số phương thức khác nhau của CSS cho việc thay đổi thứ tự hiển thị

    Tutorial Beginner

    Trong hướng dẫn này, chúng ta sẽ tìm hiểu một vài phương pháp CSS khác nhau để sắp xếp thứ tự các phần tử HTML.

  6. Cách tạo một Header Cố định và Hoạt hình khi Cuộn Trang

    Cách tạo một Header Cố định và Hoạt hình khi Cuộn Trang

    Tutorial Beginner

    Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách tạo một dạng thường được thấy trên nhiều trang web ngày này: một header cố định và hoạt hình thành một trạng...

  7. Action và Filter trong WordPress: Khác nhau như thế nào?

    Action và Filter trong WordPress: Khác nhau như thế nào?

    Tutorial Beginner

    Action và Filter là một phần cơ bản của các WordPress API khác nhau. Nếu không có chúng bạn sẽ bị giới hạn về những gì bạn có thể làm trong các theme và (đặc...

  8. Hướng dẫn nhanh: Hiệu ứng cuộn với fullPage.js và Animate.css

    Hướng dẫn nhanh: Hiệu ứng cuộn với fullPage.js và Animate.css

    Tutorial Intermediate

    Trong một hướng dẫn trước, tôi đã giới thiệu với bạn fullPage.js, một plugin jQuery phổ biến để xây dựng các trang web toàn màn hình. Trong hướng dẫn nhanh...

  9. Xây dựng một CMS: Cấu trúc và Giao diện

    Xây dựng một CMS: Cấu trúc và Giao diện

    Tutorial Beginner

    Có một xu hướng về máy chủ web theo hướng "thiết kế CMS phẳng". Điều này đơn giản là chỉ đến một Hệ thống Quản lý Nội dung (CMS) mà không lưu trữ thông tin...

  10. Cuộn ngang và cuộn dọc với fullPage.js

    Cuộn ngang và cuộn dọc với fullPage.js

    Tutorial Beginner

    Ngày nay càng nhiều trang được thiết kế dựa trên cách tiếp cận đơn-trang (hay còn gọi là các trang web đơn-trang hoặc một-trang) Trong bài viết này, chúng...

  11. Tạo Popup và Modal bằng phần tử "dialog" của HTML5

    Tạo Popup và Modal bằng phần tử "dialog" của HTML5

    Tutorial Intermediate

    Nhiều quá trình trên các trang web ngày nay đòi hỏi sự đồng ý từ người dùng để có thể hoàn tất. Ví dụ, người dùng có thể cần phải loại bỏ một tài khoản, thay...

  12. Mẹo nhỏ: Sử dụng thuộc tính "download" của HTML5

    Mẹo nhỏ: Sử dụng thuộc tính "download" của HTML5

    Tutorial Beginner

    Tạo một liên kết tải về trong HTML thì đơn giản; thêm một thẻ liên kết và trỏ đến tập tin trong thuộc tính href. Tuy nhiên, một số loại tập tin, (chẳng hạn...