CSS Styling and Layout

From the study guide

Course Outline

  1. CSS Foundations and Inclusion
  2. Selectors and Color Systems
  3. Text Styling and Typography
  4. CSS Box Model and Display
  5. Relative Units and Positioning
  6. Flexbox Layout
  7. Responsive Media Queries
  8. Transitions and Transforms
  9. CSS Animations

1. CSS Foundations and Inclusion

Key Concepts & Definitions

  • CSS: A styling language used to describe the style of a document, not a programming language.

β˜… Must-know

  • CSS can be included in three ways:
    • inline on an element
    • in a <style> element in the same document
    • in an external stylesheet linked to the HTML file

Further detail

πŸ“Œ An inline style overrides external and internal styles.

Memory Hook

HTML supplies content; CSS supplies its style.

2. Selectors and Color Systems

Key Concepts & Definitions

  • CSS selector: Identifies the element or elements to which a CSS rule applies.

  • The selector forms shown are:

    • universal selector *
    • element selector such as h1
    • ID selector such as #myId
    • class selector such as .myClass
  • The color property sets foreground color, whereas background-color sets background color.

Read the full study guide β†’

Practice quiz preview

1. What is the primary role of CSS in a web document?

2. A developer wants to place CSS rules in the same HTML document but separate from the elements they style. Where should the rules go?

3. Which selector targets elements with the class name `myClass`?

Take the quiz (23 questions) β†’

Flashcard preview

What does CSS describe in a document?

The document’s style.

What three ways can CSS be included in an HTML document?

Inline on an element, in a `<style>` element, or in an external stylesheet.

Which symbol represents the universal CSS selector?

*

Which CSS selector form targets an element type such as `h1`?

An element selector.

Which CSS selector form uses an identifier such as `#myId`?

An ID selector.

Which CSS selector form uses a class such as `.myClass`?

A class selector.

See all 57 flashcards β†’

Frequently asked questions

What does the CSS Styling and Layout study guide cover?

It covers the core concepts of CSS Styling and Layout, organized by topic with the key definitions, explanations and takeaways, so it's easier to learn and remember.

Read the full study guide β†’

How many questions are in the CSS Styling and Layout quiz?

The practice quiz has 23 multiple-choice questions, each with an explanation. Use it to check what you know and find your gaps.

Take the quiz (23 questions) β†’

How do I study CSS Styling and Layout with flashcards?

There are 57 flashcards on CSS Styling and Layout, with a question on the front and the answer on the back. Try to recall each answer before you flip, and let spaced repetition bring back the ones you miss.

See all 57 flashcards β†’

Related classes

Turn your own class notes into a study guide

Upload a PDF or paste your notes. Revizly writes a study guide, a practice quiz and flashcards in about a minute.