Chuyển tới nội dung chính
Mr. Helland
  • Trang chủ
  • Lịch
  • Xem thêm
Tiếng Việt
Deutsch English Español Français Tiếng Việt Русский العربية 简体中文
Bạn đang truy cập với tư cách khách vãng lai
Đăng nhập
Mr. Helland
Trang chủ Lịch
Mở rộng tất cả Thu gọn toàn bộ
  1. Web Design
  2. 3️⃣ Changing Appearance
  3. 14: CSS Selectors I

14: CSS Selectors I

Các yêu cầu hoàn thành
Nộp bài
Due: Thứ Hai, 1 tháng 12 2025, 2:00 AM

Target Icon Learning Target

  • Use CSS selectors to choose desired parts of a page


Pencil Icon Instructions

Step 1: 

Visit this page:
https://static.mrhelland.com/css-diner/ 

This is a mirror of a website that sometimes gets blocked:
https://flukeout.github.io/

This is a whimsical approach to learning the different ways you can select different parts of the page to apply styles.

 

Step 2:

For each level, enter the selector that chooses the moving objects on the table.
Note: There are no HTML5 plate, bento, orange, apple, or pickle tags in HTML5. This is just to be a bit whimsical.

 

Step 3:

Anytime to leave the game or when you finish, take a screenshot. The screenshot must show these two things:

  • Current URL
  • Level progress (click the ≡ to open this)
  • Your account icon in the top corner of Chrome

For example:


Grading Grading

  If you complete... Your grade...

Extended

  • Levels 21 through 32

A+

Exceptional

  • Through level 20
A

Good

  • Through level 17
B

Reasonable

  • Through level 14
C

Needs Improvement

  • Through level 11
D

Insufficient

  • 10 or fewer levels
F
Scores may be rounded to the nearest whole number.

◄ Unit 2 Test
Color Blindness ►
Bạn đang truy cập với tư cách khách vãng lai (Đăng nhập)
Get the mobile app
Được cung cấp bởi Moodle