by BlastRoom
Practice choosing CSS selectors and declarations and predicting their effects.
#computer_science

40 questions
One question set, multiple game modes. Tap any game to see it in action. Not sure which to pick?
Answer to place stones and capture territory.
Outrun the snow together.
Earn blasts, then hunt the other team.
Answer to earn energy, then climb.

The class blasts through walls together.
Bid on mystery lots. Most money wins.
Sell tours. Nice, standard, or a total scam.
Answer, restock, and serve the rush.
More correct answers pulls the rope your way.
Answer, then shoot down the alien wave.
Answer, then tap to leap the frozen ridge.
A page contains `Read this first.`. Which selector styles every element with the `note` class?
Which selector targets only the element with `id="site-title"`?
A page has several `` elements. Which selector reaches every button element?
A rule should style only `` elements whose class is `external`. Which selector does that?
A page contains `Welcome`. Which selector reaches that one div?
Which selector targets paragraphs with `class="warning"` but does not target warning elements of other types?
A rule should affect every image element on the page. Which selector is correct?
A page has `...`. Which selector targets that navigation element by its class?
Which selector styles every element assigned `class="card"`, regardless of its tag name?
A page contains `Schedule`. Which selector specifically targets that heading?
A stylesheet contains `h1 { color: white; background-color: navy; }`. What changes for each h1?
What does this rule change? `p { font-size: 20px; }`
A stylesheet includes `.alert { background-color: yellow; }`. What will the rule change?
What visible effect does `a { text-decoration: none; }` usually have on hyperlinks?
A rule is `#logo { width: 120px; }`. What does it set?
What does this rule do? `li { color: green; }`
A stylesheet contains `.photo { border: 2px solid black; }`. What will matching elements receive?
What is the effect of `body { font-family: Arial, sans-serif; }`?
Paragraph lines should be centered within their available width. Which declaration belongs inside `p { }`?
A heading needs dark blue letters. Which declaration produces that result?
A section needs a light gray area behind its content. Which declaration should be used?
Which declaration makes text bold?
An image should be displayed 200 pixels wide. Which declaration is correct?
Which declaration adds 12 pixels of space inside an element, between its content and border?
A designer wants a 1-pixel solid red line around a box. Which declaration does that?
Which declaration gives a paragraph 24 pixels of empty space outside its border on all sides?
The HTML page sits in a folder named `pages`, and `style.css` is one folder up, in the site's root folder. Which link line correctly attaches the stylesheet?
A page contains `HomeAboutStep one`. With `.menu li { color: red; }`, which items turn red?
A page contains `FirstSecondThird`. Which paragraphs match `.card p`?
A page contains `Save work.ReminderDone.`. Which elements match `p.tip`?
A page contains `NewsStory`. Which headings match `header h1`?
A page contains `Bio`. Which images match `#profile img`?
A page contains `SaveSave link`. Which elements match `.save`?
A page contains ``. Which images match `.gallery img`?
The stylesheet contains, in this order: `p { color: blue; }` then `#lead { color: green; }` then `.intro { color: red; }`. The page has `Hello`. What color is the text?
The stylesheet contains `.notice { color: orange; }` followed by `.notice { color: purple; }`. An element has `class="notice"`. What color is its text?
The stylesheet contains `p { background-color: white; }` followed by `.featured { background-color: gold; }`. The page has `New`. What background color applies?
The stylesheet contains `#footer { font-size: 14px; }` followed by `div { font-size: 20px; }`. The page has `Contact`. What font size applies?
A stylesheet named `style.css` is in the same folder as an HTML page. Which line inside the page's `head` attaches the stylesheet?
The CSS file is in a folder named `css` beside the HTML file. Which link line correctly attaches `main.css`?
Crack the passcode before the zombies get in.
Answer, then swat bugs for bonus points.
Race through questions at your own speed.
Same question on every screen. Fastest wins.

Pick a tile, answer, hit bonuses and steals.
JavaScript Events and Interaction
25 questions