HTML Elements
HTML Attributes
CSS Selectors
CSS Layout
Potpourri
100
Your navigation should be wrapped in this element.
What is <nav>?
100

This global html attribute allows you assign CSS classes to an element.

What class?

100
The CSS selector that begins with a dot or period.
What is a class?
100
The CSS property which specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it.
What is float?
100

This model defines the way in which HTML elements are sized, padded, margined and bordered. (Not a CSS property.)

What is Box Model?

200

An element that wraps around a set of ordered list items.

What is <ol>?
200

This attribute on an anchor tag allows you to link a user to another page.

What is href?

200

This character represents a CSS selector that applies rules to a single element by its ID.

What is #? (ID selector)

200
Absolute, relative and fixed are valid values for this CSS layout property.
What is position?
200

Browser vendors add these to CSS properties to support unapproved CSS specs.

What are vendor prefixes?

300

This non-semantic, block-level element has been used mainly for creating page layouts.

What is <div>?

300
It is recommended that you use "UTF-8" with this attribute.
What is charset?
300
This CSS selector allows you to target the children of an element.
What is >? (parent > child)
300
A CSS layout property (or method) that displays text in a magazine or newspaper layout.
What is columns?
300
This CSS property allows you to change the way in which the box model behaves in regard to element size
What is box-sizing?
400

This HTML5 element, "represents a complete, or self-contained, composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication."

What is <article>?

400
When given the value of "stylesheet" this attribute allows you to attach a CSS file to a page.
What is rel?
400

A selector and pseudo-class that allows you to style an element when a mouse cursor passes over it.

What is :hover?

400
This new CSS3 layout mode provides for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices.
What is Flexbox?
400
This CSS pseudo class allows you to apply styling to links that have already been viewed by a user.
What is :visited?
500
This HTML5 element can only be used once per page and should contain primary content for the page.
What <main>?
500
This optional attribute specifies whether a link should open in a new window or the current window.
What is target?
500
The name for the selector (or combinator) that will target all instances of an element that is an ancestor of another element.
What is descendant selector? (space)
500

This new display type allows you to define and control rows, columns and cells.

What is grid?

500

An element that contains zero or more <source> elements and one <img> element to provide versions of an image for different display/device scenarios.

What is the <picture> element?

M
e
n
u