CSS for styling web pages in Intro to Computing - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does CSS stand for?

CSS stands for Cascading Style Sheets. It is used to style and layout web pages.

beginner

How does CSS separate content from design?

CSS keeps the HTML content clean by handling all the visual styles separately, like colors, fonts, and layout, so the content and design are managed independently.

beginner

What is the role of selectors in CSS?

Selectors tell the browser which HTML elements to style. For example, p selects all paragraphs, and .className selects elements with a specific class.

intermediate

Explain the box model in CSS.

The CSS box model describes how elements are wrapped in boxes made of content, padding, border, and margin. It helps control spacing and layout.

beginner

What is the difference between classes and IDs in CSS?

Classes can be used on multiple elements to apply the same styles, while IDs are unique and used for a single element. Classes start with a dot (.) and IDs with a hash (#).

Which CSS property changes the background color of an element?

A border-style

B background-color

C font-size

D color

The background-color property sets the background color of an element.

What does the CSS selector .menu select?

A All elements with id 'menu'

B All <menu> HTML elements

C All elements with class 'menu'

D All elements named 'menu'

A dot (.) before a name selects all elements with that class.

Which part of the CSS box model controls the space outside the border?

A Margin

B Padding

C Content

D Border

Margin is the space outside the border, separating elements from others.

How do you apply CSS styles directly inside an HTML element?

A Using the style attribute

B Using an external stylesheet

C Using the <style> tag

D Using a script tag

The style attribute inside an HTML tag applies CSS directly to that element.

Which CSS property controls the font size of text?

A font-weight

B font-style

C text-decoration

D font-size

The font-size property sets how big or small the text appears.

Describe the CSS box model and explain how it affects the layout of a web page.

Think of an element as a box with layers around it.

Explain how CSS selectors work and give examples of different types of selectors.

Selectors tell CSS which parts of the page to style.