HTML Basics
CSS Selectors
CSS Layout
CSS Properties
HTML Semantics
100

What is the root element of every HTML page?

What is <html>?

100

What selector targets all paragraph elements?

What is p?

100

What CSS property arranges items in a single row or column?

What is display: flex?

100

What CSS property controls the text size?

What is font-size?

100

What tag represents self-contained content that could be independently distributed?

What is <article>?

200

What tag is used to create an unordered list?

What is <ul>?

200

What selector targets an element with a specific ID?

What is #idValue?

200

What CSS property is used for positioning elements outside of the normal flow?

What is position: absolute or position: fixed?

200

What CSS property changes the background color of an element?

What is background-color?

200

What tag semantically represents a navigation menu?

What is nav>?

300

What attribute defines inline styles for an HTML element?

What is <style>?

300

What is the specificity order of CSS selectors?

What is ID selectors, then class/attribute/pseudo-class selectors, then element/pseudo-element selectors?

300

What CSS layout model uses a two-dimensional grid system?

What is CSS Grid Layout?

300

What CSS property adds space inside an element's border?

What is padding?

300

What tag represents a thematic break between content?

What is <hr>?

400

What tag is used to create a hyperlink?

What is <a>?

400

How do you select all `li` elements that are direct children of a `ul` element?

What is ul > li?

400

What CSS property controls the stacking order of elements?

What is z-index?

400

What CSS property is used to make text bold?

What is font-weight: bold?

400

What tag represents introductory content, typically containing a heading?

What is <header>?

500

What tags do you use for a common HTML table?

What is <table>, <tr>, <th>, <td>?

500

What is the difference between a class selector and an attribute selector?

What is a class selector targets elements with a specific class attribute, while an attribute selector targets elements based on the presence or value of a specific attribute?

500

Describe the difference between `display: block`, `display: inline`, and `display: inline-block`.

What is block elements take up the full width and create line breaks; inline elements only take up necessary width and don't create line breaks; inline-block elements are like inline but allow setting width and height?

500

What is the CSS box model and its components?

What is The box model consists of the content, padding, border, and margin?

500

What are the semantic HTML5 tags for the main content area of a page?

What is <main>, <article>, <aside>, <nav>, <footer>?

M
e
n
u