Divs And Spans

Question 1

What is a common way to group related elements for styling?

Answer 1

“div” tags by putting div tags around the elements

Question 2

What is a <div> used for?

Answer 2

Elements grouped together particularly for styling

Question 3

How do you give a unique label to the elements in a div tag?

Answer 3

Usually with an id attribute

div id = “cats”

Question 4

The height of an element is left at the default, which is…

Answer 4

Auto

Question 5

___ allows the content to fill the available space, after taking into account __________, __________ and ___________.

Answer 5

Auto
Padding
Border
Margin

Question 6

Which property aligns all the inline content (text, images, etc) in a block element?

Answer 6

text-align

Question 7

How do you tell CSS to only select elements that descend from certain elements?

Answer 7

descendant selector

Question 8

For the following rule, which is the parent element and which is the descendant selector?
div h2 {
Color : black ; }

Answer 8

div is parent

h2 is descendant

Question 9

If the padding is 0px 20px 30px 10px

which is top, bottom, right, left?

Answer 9

0 is top
20 is right
30 is bottom
10 is left

Question 10

Can use use “1” as the line-height property and what will it do?

Answer 10

Yes. It will make the line height x1 of whatever the font size is for each element

Question 11

What is the shorthand for padding and margin?

Answer 11

margin : 0 px 20 px ;

Zero represents top and bottom margin and 20 represents right and left margin

Question 12

Does order matter for border properties?

Answer 12

No. thin solid black is same as black thin solid

Question 13

For font shorthand, does order matter?

Answer 13

YES.

font-style font-variant font-weight are optional but must come before font-size

Question 14

When using the font property, what is not optional?

Answer 14

Font-size

Question 15

What does span do?

Answer 15

Gives you a way to create a group of inline characters and elements

Question 16

With the text: “My mother has blue eyes.” How would you make the word “blue” have blue text?

Answer 16

Put the word “blue” in a span.

< span style = “color : blue” < blue < /span >

Question 17

How do you use span in CSS using classes?

Answer 17

Put the text inside a span element including the class
< span class = “artist” > Madonna </ span >
and write the style in CSS
. artist {
font - weight : bold ;
}

Question 18

Best practice for order of “a” element states?

Answer 18

link
visited
hover
focus
active

Question 19

A pseudo class acts like a class but isn’t a real class. T or F?

Answer 19

True

Question 20

A CSS rule consists of a selector and a ____________

Answer 20

Declaration or multiple declarations

Question 21

“Cascade” means the styles are coming from multiple style sheets that all fall into the page. T or F?

Answer 21

True

Question 22

When does the “focus” state occur?

Answer 22

When the browser focuses in your link by tabbing to rotate through the links on your page.

Question 23

When does the “active” state occur?

Answer 23

When the user first clicks in a link