Unit 5.0-5.17 Flashcards

1
Q

what is the difference between <span> and <div></span>

A

<span> is used to group and style inline elements, while <div> creates a line break</span>

<div>
<div>
<div>
<span><span><span>
</span></span></span></div></div></div>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What is the reasoning behind the “Don’t repeat yourself” principal?

A

Repeated code makes it harder to read and edit

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What are some ways to cut down on repetitive code in your website?

A
  • Use a div to style multiple elements
  • Strategically plan ahead to make sure the site is coded concisely
  • Group together multiple selectors with commas
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

True or False: If a selector’s display property is set to none, selected elements will still take up space on the page.

A

false

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Which of the following is NOT a property that can hide the visibility of an element?

A

hidden

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

what are the properties that CAN hide he visibility of an element?

A
  • display
  • opacity
  • visibility
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

True or False: You will learn everything there is to know about HTML and CSS from CodeHS.

A

false

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

A span leaves a line break?

A

false

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

a div leaves a line break?

A

true

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Adding a span tag creates a visual change to the page right away?

A

false

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Divs and spans are consider what type of tags?

A

non-semantic

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

holds the primary content of the page

A

<main> tag
</main>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Which semantic tag may contain info like a graphic, figure or an image that conveys information or data.

A

figure

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

This tag appears at the bottom of the page and often contains site map links, contact information, and social media links

A

footer

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What combines two simple selectors to make a more specific selector?

A

CSS combinators

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What allows you to select and element that is in a certain state, such as when the mouse is hovering over an element?

A

CSS pseudo classes

17
Q

When using the special value hidden it does not take up space on the page?

18
Q

Which property allows you to specify how transparent and element is?

A

CSS opacity property

19
Q

Which opacity value makes an element invisible?

20
Q

You are able to embed every website?

21
Q

What tag is needed to style your website when you have a style.css file?

A

<link></link>

22
Q

Which of the following is a benefit of a multi file website?

A

avoid information overload

23
Q

what is the function of a <div> tag?

A
  • To efficiently apply the same style to several different elements
  • To group a block of elements together to format them with CSS
  • To define a section of an HTML page
24
Q

What defines a section in an HTML document?

A

<div> tags
</div>

25
What is it called when someone intentionally tricks you into clicking on a malicious site?
clickjacking
26
when adding a border which of the following statements is true?
The higher the number, the thicker the border
27
which tag allows you to add a link onto a website?
28
which CSS rule allows you to space out elements on a page?
BOX
29
what are some ways to cut down on repetitive code in your website?
use
to style multiple elements
30
in what order does the cascade look at factors to determine which rule to follow?
IMPORTANCE SPECIFICITY ORDER (iso)
31
how are padding and margin values listed?
TOP RIGHT BOTTOM LEFT (trbl)
32
what is CSS referred to without the cascade
Conflicting style sheet
33
which property allows you to hide and show elements?
visibility property
34
what sign does ID use?
#
35
what sign does CLASS use?
.
36
what does the "I" in iframes stand for
inline