跳到主要内容
Mr. Helland
  • 首页
  • 日程管理
  • 更多
简体中文
Deutsch English Español Français Tiếng Việt Русский العربية 简体中文
您正在用访客帐号访问
登录
Mr. Helland
首页 日程管理
展开全部 全部折叠
  1. Web Design
  2. 3️⃣ Changing Appearance
  3. 14: CSS Selectors I

14: CSS Selectors I

完成条件
提交
到期日: 2025年12月1日 星期一 02:00

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 ►
您正在用访客帐号访问 (登录)
获取移动应用
本网站基于Moodle