Khóa học HTML CSS siêu cơ bản dành cho người mới bắt đầu

4.7

(544 đánh giá)

2,176 học viên

Giảng viên

Evon Dev

Đánh giá cao

79.000đ 399.000đ -80%

✓ Xem giỏ hàng và thanh toán

Mua trực tiếp qua Zalo Học thử bài 1

7.0 giờ video

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 28/04/2026

Bạn sẽ học được gì

Sử dụng thẻ HTML đúng đắn, lúc nào dùng thẻ này lúc nào dùng thẻ kia

Học, tìm hiểu và sử dụng SASS toàn tập để viết function, mixins, sử dụng biến, lồng code để hỗ trợ cho việc code CSS một cách nhanh nhất

Nắm vững CSS Selectors và Combinators để làm chủ các bộ chọn trong CSS

Hiểu về Responsive để xử lý giao diện ở nhiều loại màn hình một cách tốt nhất có thể

Yêu cầu

Chưa biết gì cũng có thể học được

Đối tượng phù hợp

Người mới hoàn toàn

Nội dung khóa học

5 phần • 66 bài giảng

1 Bài 1: Giới thiệu khoá học

2 Bài 2: Thiết lập code editor cơ bản

3 Bài 3: Cấu trúc một file HTML cơ bản như thế nào?

4 Bài 4: Các thẻ HTML cơ bản nên biết (phần 1)

5 Bài 5: Các thẻ HTML cơ bản nên biết (phần 2)

6 Bài 6: Thẻ Inline và thẻ Block khác nhau như thế nào?

7 Bài 7: Sự khác nhau giữa Class và Id

8 Bài 8: BEM là gì ? Tìm hiểu về BEM toàn tập

9 Bài 9: Thực hành phân tích giao diện cơ bản với BEM

10 Bài 10: Bài tập chương 1

11 Bài 11: Giải bài tập chương 1

12 Bài 12: Nắm vững Emmet cơ bản trong VSCode

1 Bài 13: CSS reset là gì ? Tại sao phải dùng reset CSS?

2 Bài 14: Cấu trúc của 1 đoạn code trong CSS như thế nào?

3 Bài 15: Tìm hiểu thuộc tính color, các giá trị về màu sắc cần nắm vững

4 Bài 16: Nắm vững kiến thức về kích thước trong CSS

5 Bài 17: Làm hình nền với các thuộc tính về background

6 Bài 18: Các đơn vị trong css nên biết

7 Bài 19: Đơn vị em và rem khác nhau như thế nào?

8 Bài 20: Thuộc tính về border cơ bản

9 Bài 21: Nắm rõ thuộc tính margin

10 Bài 22: Hiểu về thuộc tính padding

11 Bài 23: Tìm hiểu về box-sizing trong CSS

12 Bài 24: Tìm hiểu thuộc tính display

13 Bài 25: Các thuộc tính liên quan tới Font cơ bản

14 Bài 26: Các thuộc tính liên quan tới chữ bạn cần biết

15 Bài 27: Tìm hiểu thuộc tính cho hình ảnh

16 Bài 28: Pseudo là gì ? Các pseudo cơ bản người mới học nên biết

17 Bài 29: Bài tập chương 2 (Phần 1)

18 Bài 30: Bài tập chương 2 (phần 2)

1 Bài 31: Cách làm hình nền gradient, chữ gradient trong CSS

2 Bài 32: Hiển thị 2 hình nền với background-image

3 Bài 33: caniuse là gì ? Và tại sao bạn nên biết

4 Bài 34: Sự khác nhau giữa 3 thuộc tính opacity: 0, display:none, visibility:hidd

5 Bài 35: Tìm hiểu về shadow trong CSS

6 Bài 36: Sử dụng biến trong CSS như thế nào?

7 Bài 37: Hiểu rõ về độ ưu tiên trong CSS

8 Bài 38: Nắm vững kiến thức về child selectors

9 Bài 39: Nắm vững kiến thức về type selectors

10 Bài 40: Thành thạo combinators trong CSS

11 Bài 41: Tìm hiểu thêm các selectors nâng cao

12 Bài 42: Nắm vững thuộc tính transition cơ bản

13 Bài 43: Bài tập chương 3

1 Bài 44: Thuộc tính transform để làm gì

2 Bài 45: Tìm hiểu thuộc tính position relative

3 Bài 46: Master thuộc tính position absolute

4 Bài 47: Hiểu rõ position fixed hoạt động

5 Bài 48: Thực hành với thuộc tính position #1

6 Bài 49: Thực hành với thuộc tính position #2

7 Bài 50: Thực hành với thuộc tính position #3

8 Bài 51: Thực hành với thuộc tính position #4

9 Bài 52: Hiểu và nắm tốt pseudo :before vs :after khó nhằn trong CSS

10 Bài 53: Thực hành với pseudo before và after #1

11 Bài 54: Thực hành với pseudo before và after #2

12 Bài 55: Thực hành với pseudo before và after #3

13 Bài 56: Thực hành với pseudo before và after #4

14 Bài 57: Tại sao before và after quan trong

15 Bài 58: Animation là gì ?

16 Bài 59: Thực hành với animation #1

17 Bài 60: Thực hành với animation #2

1 Bài 61: Flexbox là gì ? Giới thiệu về Flexbox

2 Bài 62: Flexbox toàn tập #1

3 Bài 63: Flexbox toàn tập #2

4 Bài 64: Flexbox toàn tập #3

5 Bài 65: Các thủ thuật chia layout hay mà bạn nên biết khi dùng flexbox

6 Bài 66: Cách vẽ tam giác bằng CSS và cách nó hoạt động

Giới thiệu khóa học

Chào các bạn! Nếu các bạn mới bắt đầu tìm hiểu về lập trình web và chưa biết bắt đầu từ đâu, thì khóa học này chính là dành cho các bạn. Trong khóa học này, mình sẽ hướng dẫn các bạn từ những kiến thức cơ bản nhất về HTML và CSS – hai nền tảng quan trọng giúp xây dựng giao diện website.

Các bạn sẽ được tìm hiểu về cách tạo ra một trang web đơn giản bằng HTML, sử dụng các thẻ phổ biến như tiêu đề, đoạn văn, danh sách, liên kết, hình ảnh… Sau đó, mình sẽ hướng dẫn cách làm đẹp trang web với CSS, bao gồm cách thay đổi màu sắc, kiểu chữ, bố cục và cả hiệu ứng đơn giản để giúp trang web trở nên sinh động hơn.

Điểm đặc biệt của khóa học này là mình sẽ không chỉ dạy lý thuyết suông mà sẽ có nhiều bài tập thực hành, giúp các bạn áp dụng ngay kiến thức vào thực tế. Mình cũng sẽ hướng dẫn các bạn những mẹo nhỏ để viết code sạch, dễ hiểu và cách tránh các lỗi phổ biến khi làm web.

Sau khi hoàn thành khóa học, các bạn sẽ có thể tự tay tạo ra một trang web tĩnh hoàn chỉnh và sẵn sàng để tiếp tục học nâng cao hơn. Hãy cùng mình khám phá thế giới lập trình web ngay từ những bước đầu tiên nhé!