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

Gửi bài mới   Trả lời chủ đề này

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

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

Bài gửi by Admin on Sat Sep 30, 2017 8:28 pm

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 bounce )
avatar
Admin
SUPER ADMINISTRATOR
SUPER ADMINISTRATOR

Tổng số bài gửi : 17
Join date : 22/09/2017
Đến từ : Ho Chi Minh City

Xem lý lịch thành viên http://sk4it.forumvi.com

Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

- Similar topics

Gửi bài mới   Trả lời chủ đề này
 
Permissions in this forum:
Bạn được quyền trả lời bài viết