[HOT] Học CSS thông qua game

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ như HTML). Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm một chút “phong cách” vào các phần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…

Chúng ta có thể học qua nhiều chương trình, trường lớp nhưng tại đây mình sẽ chia sẻ cho các bạn các website học CSS bằng game rất thú vị.

1. Grid Garden
Trang web này giới thiệu cho các bạn về Grid Layout. Hoàn thành 28 level của game, bạn sẽ học được nhiều thứ về Grid layout đấy.



2. Flexbox Froggy
Tương tự và của cùng tác giả của Grid Garden, Flexbox Froggy là một “tựa game” để bạn học về flexbox.
Xuyên suốt 24 level của game, bạn sẽ học được nhiều thuộc tính của flexbox như: justify-content, flex-flow, align-items, ..



3. CSS Dinner
Game này hơi khó nhằn hơn nhé, bạn sẽ được học về selector trong CSS như class, id, child,… với các level có độ khó tăng dần.



4. Flexbox Defense
Game tương tự flexbox



(Chúc các bạn sớm phá đảo game )