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. Xây dựng một Horizontal Timeline với CSS và JavaScript

    Xây dựng một Horizontal Timeline với CSS và JavaScript

    Tutorial Intermediate

    Trong bài viết trước, tôi đã hướng dẫn cho bạn cách xây dựng một responsive vertical timeline từ đầu. Hôm nay, tôi sẽ trình bày quá trình...

  2. Viewport và viewBox trong SVG (Cho người mới bắt đầu)

    Viewport và viewBox trong SVG (Cho người mới bắt đầu)

    Tutorial Beginner

    Trong bài này, chúng ta sẽ tìm hiểu về viewport và viewBox trong SVG. Bạn sẽ được học:

  3. 15 Mẫu Hiệu ứng động bằng CSS trên CodePen

    15 Mẫu Hiệu ứng động bằng CSS trên CodePen

    Tutorial Beginner

    CodePen đang nhanh chóng trở thành nơi thường được tìm đến để thể hiện những gì chúng ta có thể làm với các ý tưởng sáng tạo web của chúng ta. Dưới đây là...

  4. Chỉnh sửa Hình ảnh trong CSS: Kết hợp các Kỹ thuật

    Chỉnh sửa Hình ảnh trong CSS: Kết hợp các Kỹ thuật

    Tutorial Intermediate

    Trong hai bài hướng dẫn gần đây trong loạt bài này, chúng ta đã thảo luận cách các bộ lọc và các chế độ pha trộn có thể thay đổi hoàn toàn hình ảnh của chúng...

  5. 15 HTML5 Audio Player tốt nhất

    15 HTML5 Audio Player tốt nhất

    Tutorial Beginner

    Rất may, HTML5 đã trở thành chuẩn mực cho thiết kế web đa phương tiện. Đã qua đi những ngày phải đau đầu với Flash và Silverlight, khi HTML5 hỗ trợ audio (âm...

  6. Hướng dẫn toàn diện về Căn chỉnh Flexbox

    Hướng dẫn toàn diện về Căn chỉnh Flexbox

    Tutorial Intermediate

    Căn chỉnh có lẽ là khía cạnh khó hiểu nhất của flexbox. Mô-đun flexbox layout có một số thuộc tính căn chỉnh hành xử khác nhau...

  7. Xây dựng một Timeline dạng đứng với CSS và một ít JavaScript

    Xây dựng một Timeline dạng đứng với CSS và một ít JavaScript

    Tutorial Intermediate

    Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách xây dựng một timeline đứng từ đầu cho đến cuối. Trước tiên, chúng ta sẽ tạo cấu trúc cơ bản với mã ít mã html...

  8. Kiểm tra tính hợp lệ của Form trong HTML5 với thuộc tính "pattern"

    Kiểm tra tính hợp lệ của Form trong HTML5 với thuộc tính "pattern"

    Tutorial Intermediate

    Trong hướng dẫn này, chúng ta sẽ khám phá thuộc tính pattern của HTML, sử dụng nó để giúp chúng ta tùy biến cách chúng ta kiểm tra tính hợp lệ của form.

  9. Đăng tải Files với AJAX

    Đăng tải Files với AJAX

    Tutorial Intermediate

    Dườn như tôi không thể tìm thấy điểm dừng với những thứ vui thú mà bạn có thể làm qua những công nghệ web đang trở nên nổi bật kia. Hôm nay, tôi sẽ cho bạn...

  10. 30 Bộ chọn CSS bạn phải thuộc lòng

    30 Bộ chọn CSS bạn phải thuộc lòng

    Tutorial Intermediate

    Như vậy, bạn đã học được các bộ chọn cơ bản id, lớp và phần tử con - và sau đó bạn nghĩ rằng bao nhiêu đó đã đủ? Nếu vậy, bạn đang bỏ lỡ một cấp độ linh hoạt...

  11. Chỉ dẫn nhanh: Cách sử dụng thẻ "picture" trong HTML5 cho những hình ảnh có tính đáp ứng

    Chỉ dẫn nhanh: Cách sử dụng thẻ "picture" trong HTML5 cho những hình ảnh có tính đáp ứng

    Tutorial Beginner

    Hình ảnh nổi tiếng là một trong những khía cạnh thách thức nhất của thiết kế web đáp ứng (responsive). Hôm nay chúng ta sẽ xem xét cách làm thế nào phần tử ,...

  12. Cách tạo Một Trang web One-Page Đơn giản: Từ một Theme Parallax cho WordPress

    Cách tạo Một Trang web One-Page Đơn giản: Từ một Theme Parallax cho WordPress

    Tutorial Beginner

    Một trang web one-page (hay còn gọi là website một trang) cơ bản là một cách tuyệt vời để xác định sự hiện diện của công ty bạn ở trên mạng. Nó cho phép bạn...