U02L06 Styling Text with CSS

Open Ended

What is one thing you already know how to do when creating a web page like the sample shown?

Open Ended

What changes does the style.css file make to a web page compared to the index.html file?

Hotspot

Click the part of the picture that shows a selector in the style.css file.

Hotspot

Click the part of the picture that shows a property in the style.css file.

Open Ended

How is the style of a web page different from its structure?

Multiple Choice

Which of the following best describes a CSS selector?

• A part of a CSS rule-set that defines which HTML elements the style should be applied to

• A type of HTML element

• A color property in CSS

• A way to create hyperlinks

Fill in the Blank

CSS stands for ___ Style Sheets.

Multiple Choice

Which of the following best describes the role of CSS in web development?

• It provides the content of the web page.

• It defines the structure of the web page.

• It adds style and appearance to the web page.

• It stores data for the web page.

Multiple Choice

What should you do if you get stuck while working on a Code Studio level?

• Skip the level and move on

• Ask a friend for the answer

• Use drop down tips, Help and Tips Tab, or Code documentation

• Restart your computer

Open Ended

How does the web page know what stylesheet it should be using?

Multiple Select

Which of the following are common tasks you might perform when practicing styling text with CSS?

• Debug the font size

• Add a heading rule-set

• Add a style sheet

• All of the above

Fill in the Blank

To check how to demonstrate your understanding in Code Studio, you should look at the ___ tab.

Multiple Choice

Which of the following best describes the main difference between HTML and CSS?

• HTML is used for structuring content, while CSS is used for styling content.

• HTML is used for styling content, while CSS is used for structuring content.

• Both HTML and CSS are used for structuring content.

• Both HTML and CSS are used for styling content.

Open Ended

How can we change the style of text on a web page? (e.g. color, font size, italics)

Multiple Select

Select all the CSS properties that can be used to change the visual appearance of text on a web page.

• color

• font-size

• text-align

• text-shadow

Fill in the Blank

The CSS property used to underline text is ___.

Multiple Choice

Which CSS property would you use to add extra space between the letters of a word?

• font-family

• letter-spacing

• text-align

• color

Open Ended

List two CSS properties you can use to change the appearance of text on a web page. Explain what each property does.

Open Ended

After today's lesson on styling text with CSS, what is one question you still have or something you would like to know more about?

Open Ended

What is one new thing you learned today about styling text with CSS?

Multiple Choice

What is the main purpose of a CSS Selector in web development?

• To define the style rules for specific HTML elements

• To create new HTML elements

• To write JavaScript functions

• To store website data