CSS

Question 1

How do you use inline style declaration?

Answer 1

style=””

Question 2

What should you end an inline style declaration with?

Answer 2

;

Question 3

How do you set the colour of an element?

Answer 3

color=””

Question 4

Where do CSS selectors go?

Answer 4

the style tag

Question 5

What does a CSS selector look like?

Answer 5

tag {
style;
}

Question 6

What does a CSS class declaration look like?

Answer 6

.class-name {
styles;
}

Question 7

How do you apply a CSS class to a tag?

Answer 7

class=””

Question 8

How do you change the font size property?

Answer 8

font-size: (number)px;

Question 9

How do you change the font property

Answer 9

font-family: font;

Question 10

How do you add a “backup” font if the first is unavailable

Answer 10

font-family: font, backup font;

Question 11

How do you set a tag’s width?

Answer 11

width: (number)px;

Question 12

How do you add rounded corners to a border?

Answer 12

border-radius: (number)px;

Question 13

How do you make an image circular?

Answer 13

border-radius: 50%;

Question 14

How do you give an element a background

Answer 14

background-color: color;

Question 15

True or False, id attributes are required to be unique

Answer 15

False

Though they are not required to be unique it is considered best practice to make them unique

Question 16

how do you give an element an id?

Answer 16

id=”

Question 17

How do you reference a class?

Answer 17

With a . prefix

Question 18

How do you reference an id?

Answer 18

with a # prefix

Question 19

What is padding?

Answer 19

The distance between the text of an element and the border surrounding it

Question 20

What is the margin?

Answer 20

The amount of space between the border of an element and the surrounding elements

Question 21

How do you set different amounts of padding on different sides of an element?

Answer 21

padding-top
padding-right
padding-bottom
padding-left

Question 22

How do you use an attribute selector

Answer 22

[attr=”value”]{
style
}

Question 23

If an element has two style classes, which will be used?

Answer 23

Specific beats general, the last declared class will be used

Question 24

How can you prevent a class from being overwritten?

Answer 24

!important

Question 25

How do you create a CSS variable

Answer 25

–variable-name: style;

Question 26

How do you use a CSS variable?

Answer 26

property: var(–variable-name);