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

Name: Khóa học HTML CSS siêu cơ bản dành cho người mới bắt đầu
Rating: 4.8 (25 reviews)

Highest Rated

Created byEvon Dev

Last updated 7/2025

Vietnamese

What you'll learn

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ể

Course content

5 sections • 66 lectures • 7h 5m total length

Bài 1: Giới thiệu khoá học3:26
Bài 2: Thiết lập code editor cơ bản8:01
Bài 3: Cấu trúc một file HTML cơ bản như thế nào?3:39
Bài 4: Các thẻ HTML cơ bản nên biết (phần 1)8:36
Bài 5: Các thẻ HTML cơ bản nên biết (phần 2)7:24
Bài 6: Thẻ Inline và thẻ Block khác nhau như thế nào?6:00
Bài 7: Sự khác nhau giữa Class và Id6:35
Bài 8: BEM là gì ? Tìm hiểu về BEM toàn tập7:49
Bài 9: Thực hành phân tích giao diện cơ bản với BEM7:55
Bài 10: Bài tập chương 11:28
Bài 11: Giải bài tập chương 19:13
Bài 12: Nắm vững Emmet cơ bản trong VSCode9:28

Bài 13: CSS reset là gì ? Tại sao phải dùng reset CSS?4:14
Bài 14: Cấu trúc của 1 đoạn code trong CSS như thế nào?3:42
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ững4:24
Bài 16: Nắm vững kiến thức về kích thước trong CSS7:18
Bài 17: Làm hình nền với các thuộc tính về background5:27
Bài 18: Các đơn vị trong css nên biết5:10
Bài 19: Đơn vị em và rem khác nhau như thế nào?6:54
Bài 20: Thuộc tính về border cơ bản6:52
Bài 21: Nắm rõ thuộc tính margin9:53
Bài 22: Hiểu về thuộc tính padding6:24
Bài 23: Tìm hiểu về box-sizing trong CSS7:39
Bài 24: Tìm hiểu thuộc tính display4:18
Bài 25: Các thuộc tính liên quan tới Font cơ bản5:42
Bài 26: Các thuộc tính liên quan tới chữ bạn cần biết8:58
Bài 27: Tìm hiểu thuộc tính cho hình ảnh6:03
Bài 28: Pseudo là gì ? Các pseudo cơ bản người mới học nên biết2:55
Bài 29: Bài tập chương 2 (Phần 1)6:15
Bài 30: Bài tập chương 2 (phần 2)6:03

Bài 31: Cách làm hình nền gradient, chữ gradient trong CSS7:01
Bài 32: Hiển thị 2 hình nền với background-image3:52
Bài 33: caniuse là gì ? Và tại sao bạn nên biết4:10
Bài 34: Sự khác nhau giữa 3 thuộc tính opacity: 0, display:none, visibility:hidd3:23
Bài 35: Tìm hiểu về shadow trong CSS6:28
Bài 36: Sử dụng biến trong CSS như thế nào?4:37
Bài 37: Hiểu rõ về độ ưu tiên trong CSS9:19
Bài 38: Nắm vững kiến thức về child selectors6:29
Bài 39: Nắm vững kiến thức về type selectors6:41
Bài 40: Thành thạo combinators trong CSS4:02
Bài 41: Tìm hiểu thêm các selectors nâng cao6:15
Bài 42: Nắm vững thuộc tính transition cơ bản7:30
Bài 43: Bài tập chương 315:19

Bài 44: Thuộc tính transform để làm gì11:51
Bài 45: Tìm hiểu thuộc tính position relative4:16
Bài 46: Master thuộc tính position absolute12:06
Bài 47: Hiểu rõ position fixed hoạt động6:20
Bài 48: Thực hành với thuộc tính position #14:33
Bài 49: Thực hành với thuộc tính position #23:44
Bài 50: Thực hành với thuộc tính position #32:52
Bài 51: Thực hành với thuộc tính position #45:28
Bài 52: Hiểu và nắm tốt pseudo :before vs :after khó nhằn trong CSS3:27
Bài 53: Thực hành với pseudo before và after #14:54
Bài 54: Thực hành với pseudo before và after #24:38
Bài 55: Thực hành với pseudo before và after #36:50
Bài 56: Thực hành với pseudo before và after #47:10
Bài 57: Tại sao before và after quan trong4:00
Bài 58: Animation là gì ?9:05
Bài 59: Thực hành với animation #16:49
Bài 60: Thực hành với animation #27:50

Requirements

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

Description

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é!

Who this course is for:

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

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

What you'll learn

Explore related topics

Course content

Chương 1: Kiến thức HTML cần nắm vững12 lectures • 1hr 20min

Chương 2: Kiến thức CSS cơ bản phần 118 lectures • 1hr 48min

Chương 3: Kiến thức CSS cơ bản phần 213 lectures • 1hr 25min

Chương 4: Kiến thức CSS nâng cao17 lectures • 1hr 46min

Chương 5: Flexbox toàn tập6 lectures • 47min

Requirements

Description

Who this course is for: