Divs And Spans

Question 1

What is a <div> used for?

Answer 1

Elements grouped together particularly for styling

Question 2

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

Answer 2

Usually with an id attribute

div id = “cats”

Question 3

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

Answer 3

Auto

Question 4

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

Answer 4

Auto
Padding
Border
Margin

Question 5

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

Answer 5

text-align

Question 6

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

Answer 6

descendant selector

Question 7

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

Answer 7

div is parent

h2 is descendant

Question 8

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

which is top, bottom, right, left?

Answer 8

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

Question 9

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

Answer 9

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

Question 10

What is the shorthand for padding and margin?

Answer 10

margin : 0 px 20 px ;

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

Question 11

Does order matter for border properties?

Answer 11

No. thin solid black is same as black thin solid

Question 12

For font shorthand, does order matter?

Answer 12

YES.

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

Question 13

When using the font property, what is not optional?

Answer 13

Font-size

Question 14

What does span do?

Answer 14

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

Question 15

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

Answer 15

Put the word “blue” in a span.

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

Question 16

How do you use span in CSS using classes?

Answer 16

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 17

Best practice for order of “a” element states?

Answer 17

link
visited
hover
focus
active

Question 18

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

Answer 18

True

Question 19

A CSS rule consists of a selector and a ____________

Answer 19

Declaration or multiple declarations

Question 20

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

Answer 20

True

Question 21

When does the “focus” state occur?

Answer 21

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

Question 22

When does the “active” state occur?

Answer 22

When the user first clicks in a link

Question 23

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

Answer 23

“div” tags by putting div tags around the elements