CSS Style Attributes

Question 1

That’s one way to add style to an element, but a better way is by using CSS, which stands for Cascading Style Sheets.

Inside a ____ element, you can create a CSS selector for all elements

At the top of your code, create a style element like?

Question 2

Style element would look like?

Answer 2

h2 {color: red;}

Question 3

Classes are reusable styles added to HTML elements.

• • In CSS style element, classes should start with a period.
• • In HTML class declarations, classes shouldn’t start with a period.

Create a CSS class called red-text and apply it to your h2 element…

Answer 3

You can apply a class to an HTML element like this:

<h2>CatPhotoApp</h2>

Here’s an example CSS class declaration.

.red-text {
color: red;
}

Question 4

Inside the tag set the font-size of all p elements to 16 pixels (16px).

Answer 4

p {
font-size: 16px;
}

Question 5

Classes are reusable styles added to HTML elements.

• • In CSS style element, classes should start with a period.
• • In HTML class declarations, classes shouldn’t start with a period.

Create a CSS class called red-text and apply it to your h2 element…

Answer 5

You can apply a class to an HTML element like this:

<h2>CatPhotoApp</h2>

Here’s an example CSS class declaration.

.red-text {
color: red;
}

Question 6

Inside the tag set the font-size of all p elements to 16 pixels (16px).

Answer 6

p {
font-size: 16px;
}

Question 7

Make all of your p elements use the Monospace font.

Answer 7

p {
font-family: Monospace;
}