Thuộc hành trình HTMLHành trìnhHọc CSS
Khóa học CSS tương tác miễn phí. Bạn tạo kiểu cho HTML thật trong mọi bài học (selector, box model, màu sắc, phông chữ, flexbox, grid, thiết kế responsive), xem trước trực tiếp khi gõ và nhận giấy chứng nhận miễn phí khi hoàn thành. Đây là một phần của hành trình HTML rộng hơn, nên phần markup mà CSS cần luôn có sẵn ngay đó.
14,415+ người học đã tham gia
119 bài học114 thử thách582 câu hỏi trắc nghiệm
- Phù hợp cho người mới
Trợ giúp lập trình bằng AI
Bài học tương tác thực hành
Bài trắc nghiệm để kiểm tra kiến thức
Giấy chứng nhận hoàn thành miễn phí
Đề cương
Phần này thuộc hành trình HTML. Đề cương đầy đủ còn nhiều phần khác: nhấn vào bản xem trước bất kỳ bên dưới để xem trên trang hành trình.
- Phần 1Kiến thức cơ bản60 bài học
Phần 2
Tạo kiểu với CSS
Bắt đầu phầnBắt đầuThêm màu sắc, bố cục và kiểu dáng để trang web trở nên sinh độngGiới thiệu
5 bài học540Thêm CSS
4 bài học725Bộ chọn cơ bản
7 bài học1247Nền tảng về văn bản
8 bài học1450Màu sắc và hình nền
5 bài học834Thực đơn quán cà phê
Dự án3 bài học3Mô hình hộp phần 1
6 bài học943Mô hình hộp phần 2
5 bài học833Flexbox
6 bài học943Biểu mẫu đăng nhập
Dự án4 bài học4Kỹ thuật bố cục
7 bài học1151Kiến thức cơ bản về thiết kế đáp ứng
6 bài học1052Trang web Tonga
Dự án6 bài học6Thử thách cuối
4 bài học4Phần 3
Thành thạo CSS
Bắt đầu phầnBắt đầuNâng cao kỹ năng CSS của bạn lên một tầm cao mới!Làm chủ bộ chọn: Kết hợp
6 bài học539Lớp giả tương tác
5 bài học431Các lớp giả cấu trúc
5 bài học432Dự án menu thả xuống
4 bài học4Hiệu ứng trực quan
5 bài học536Trang đích
5 bài học5Xây dựng giao diện với CSS Grid
4 bài học426Trang web Flavor Fiesta
4 bài học4Thử thách cuối cùng
5 bài học5- Phần 4Thực hành frontend35 bài học
- Phần 5JavaScript trong thực tế27 bài học
Học qua thực hành
Viết code thật, truy vấn cơ sở dữ liệu, xây dựng trang web và làm chủ prompt AI. Các bài học tương tác bao quát mọi kỹ năng mà lập trình viên hiện đại cần.
Xây dựng streak
Học đều đặn và nhìn tiến độ của bạn lớn dần! Theo dõi thói quen code mỗi ngày, bảo vệ streak bằng ngày đóng băng và nhận phần thưởng khi học mỗi ngày.
12 ngày streak
Quay lại ngày mai để giữ streak!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Gấp đôi hoặc mất hết
Ngày 5/7
Đóng băng streak
2 left
Code ở mọi nơi
Mang hành trình lập trình theo bên mình! Không cài đặt, không tải về: chỉ cần mở ra và bắt đầu code. Có trên iOS, Android và Web với đánh giá 4,9 sao.
Bạn không đơn độc
Thi đấu trên bảng xếp hạng toàn cầu, mời bạn bè để nhận phần thưởng và cùng nhau ăn mừng thành công. Học code cùng bạn bè vui hơn nhiều!
1
2
3
Vùng thăng hạngMọi cách để học
Đọc, nghe, tự kiểm tra, hỏi AI hoặc tra cứu bất cứ điều gì bạn đã học. Mỗi bài học phù hợp với trình độ của bạn.
Biến là một vùng chứa có tên, lưu một giá trị mà bạn có thể dùng lại sau trong chương trình.
Trong Python, bạn tạo biến bằng cách viết tên, dấu bằng, rồi giá trị muốn lưu.
Giá trị có thể thay đổi theo thời gian. Gán lại tên đó chỉ đơn giản là trỏ nó tới một giá trị mới.
Nhận chứng nhận
Nhận chứng nhận cho mỗi khóa học bạn hoàn thành. Thêm vào hồ sơ LinkedIn và CV để cho nhà tuyển dụng thấy kỹ năng lập trình của bạn.
Giấy chứng nhận hoàn thànhPython cơ bản
Thêm vào LinkedInVì sao nên học CSS với Coddy
- Viết CSS ngay trên trình duyệt và xem trang đổi kiểu trực tiếp. Không cần bước build, không cần cài trình soạn thảo. Mọi thay đổi với selector hay thuộc tính đều hiện ra ngay, nên bạn thấy rõ từng quy tắc thật sự làm gì.
- CSS cốt lõi: selector và độ ưu tiên (specificity), box model, định vị, flexbox, CSS grid, transition, media query và thiết kế responsive. Đúng thứ CSS mà mọi front end developer cần dùng hằng ngày.
- Gợi ý AI giúp bạn gỡ lỗi những chỗ ai cũng hay vấp, như độ ưu tiên gây bất ngờ, bố cục bị tràn hay flexbox chạy kỳ lạ, mà không làm lộ cách sửa, để CSS trở nên trực quan thay vì như phép thuật.
- Giấy chứng nhận CSS miễn phí khi hoàn thành phần này. Kết hợp tự nhiên với các khóa học HTML và JavaScript để có nền tảng front end đầy đủ.
Câu hỏi thường gặp về học CSS
CSS là gì?
CSS (Cascading Style Sheets) là ngôn ngữ quyết định giao diện của trang HTML: màu sắc, phông chữ, khoảng cách, bố cục, hiệu ứng chuyển động và cách trang hiển thị trên mọi kích thước màn hình. HTML định nghĩa trên trang có gì; CSS định nghĩa cách trình bày chúng.
Học CSS có khó không?
CSS cơ bản (selector, màu sắc, phông chữ, box model) có thể nắm được trong vài giờ. Phần khó hơn đến sau: quy tắc độ ưu tiên, bố cục flexbox và grid, và làm cho trang hiển thị đúng trên mọi kích thước màn hình. Khóa học giới thiệu từng phần qua các bước nhỏ, có xem trước trực tiếp, nên bạn thấy chính xác mỗi quy tắc làm gì.
Có nên học HTML trước CSS không?
Có. HTML định nghĩa cấu trúc của trang; CSS tạo kiểu cho nó. Không có HTML thì không có gì để tạo kiểu. Vì vậy phần CSS này nằm trong hành trình HTML: phần HTML nền tảng đến trước, rồi bạn dành phần lớn hành trình để tạo kiểu cho nó.
CSS, Flexbox và Grid khác nhau thế nào?
Flexbox và Grid là các module bố cục bên trong CSS: chúng không phải công nghệ riêng mà là tính năng của CSS. Flexbox phù hợp nhất cho bố cục một chiều (một hàng thẻ, một thanh điều hướng). Grid phù hợp nhất cho bố cục hai chiều (cả một trang, một bố cục thẻ phức tạp). Phần lớn trang web thật dùng cả hai, và khóa học dạy khi nào nên dùng cái nào.
Có thể học CSS online miễn phí không?
Có. Phần CSS tương tác hoàn toàn miễn phí: đầy đủ bài học, bài tập code, xem trước trực tiếp và chứng nhận. Mọi thứ chạy trên trình duyệt nên bạn không cần cài trình soạn thảo hay công cụ nào để bắt đầu.
Học xong khóa CSS có được chứng nhận không?
Có. Hoàn thành phần CSS, bạn nhận được giấy chứng nhận hoàn thành miễn phí. Một minh chứng có thể xác minh để thêm vào CV hoặc chia sẻ trên LinkedIn, cùng các chứng nhận HTML và JavaScript, như một phần của portfolio front end.
