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.

Getting started with HTML/CSS

  • Design and Code Your First Website in 9 Easy-to-Understand Steps

    Design and Code Your First Website in 9 Easy-to-Understand Steps

    Nathan Umoh
  • HTML & CSS for Beginners (MEGA Free Course!)

    HTML & CSS for Beginners (MEGA Free Course!)

    Adi Purdila
  • All HTML/CSS tutorials:

    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...