Lesson #2 - Basic CSS

Question 1

If you want to change the color of a heading, what property is used?

Answer 1

style

Question 2

What’s an example of a syntax for a blue heading using < h2 >?

Answer 2

< h2 style=”color : blue;”> Text < h2 >

Question 3

If you want to style an element using CSS, what is the first thing you usually write?

Answer 3

< style >

< /style >

Question 4

If you wanted all h2 elements to be red, what would you type?

Answer 4

< style >
   h2 {
       color: red;
        }
< /style >

Question 5

What is a CSS Class?

Answer 5

Reusable styles that can be added to HTML elements.

Question 6

Syntax wise, how would you create a class called “blue-text” that contains the color blue?

Answer 6

.blue-text {
color: blue;
}

Question 7

Which property is used to change the size of the font?

Answer 7

font-size

Question 8

Which property is used to change the font style?

Answer 8

font-family

Question 9

True or False: If there is a space in the font-family name, you need to wrap it in quotes.

Answer 9

True

Question 10

What are the steps to use customized fonts from the Google Font Store?

Answer 10

1) Copy the CSS font link
2) Past the link at the top of the HTML/CSS Page
3) Use the < link > element to import the font

Question 11

When deciding a font-family, how do you establish a back-up font if the primary font you select is unavailable?

Answer 11

List it after the primary font

Ex. font-family: Helvetica, sans-serif;

Helvetica = Primary, San-serif = Backup

Question 12

If we wanted to change the size of an image, what property would we use?

Answer 12

width

Question 13

If you wanted to create a green, 5 pixel border around an HTML element, what would the syntax look like?

Answer 13

< style >
   .thin-green-border {
      border-color: green;
      border-width: 5px;
      border-style: solid;
   }
< /style >

Question 14

If you want to change the corners of a square from sharp to round, what property would you use?

Answer 14

border-radius

Question 15

True or False: You can only determine the border-radius through # of pixels.

Answer 15

False, you can also you %s as well.