Unit 5.0-5.17 Flashcards
what is the difference between <span> and <div></span>
<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>
What is the reasoning behind the “Don’t repeat yourself” principal?
Repeated code makes it harder to read and edit
What are some ways to cut down on repetitive code in your website?
- Use a div to style multiple elements
- Strategically plan ahead to make sure the site is coded concisely
- Group together multiple selectors with commas
True or False: If a selector’s display property is set to none, selected elements will still take up space on the page.
false
Which of the following is NOT a property that can hide the visibility of an element?
hidden
what are the properties that CAN hide he visibility of an element?
- display
- opacity
- visibility
True or False: You will learn everything there is to know about HTML and CSS from CodeHS.
false
A span leaves a line break?
false
a div leaves a line break?
true
Adding a span tag creates a visual change to the page right away?
false
Divs and spans are consider what type of tags?
non-semantic
holds the primary content of the page
<main> tag
</main>
Which semantic tag may contain info like a graphic, figure or an image that conveys information or data.
figure
This tag appears at the bottom of the page and often contains site map links, contact information, and social media links
footer
What combines two simple selectors to make a more specific selector?
CSS combinators
What allows you to select and element that is in a certain state, such as when the mouse is hovering over an element?
CSS pseudo classes
When using the special value hidden it does not take up space on the page?
false
Which property allows you to specify how transparent and element is?
CSS opacity property
Which opacity value makes an element invisible?
0
You are able to embed every website?
false
What tag is needed to style your website when you have a style.css file?
<link></link>
Which of the following is a benefit of a multi file website?
avoid information overload
what is the function of a <div> tag?
- 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
What defines a section in an HTML document?
<div> tags
</div>
What is it called when someone intentionally tricks you into clicking on a malicious site?
clickjacking
when adding a border which of the following statements is true?
The higher the number, the thicker the border
which tag allows you to add a link onto a website?
<a> tag</a>
which CSS rule allows you to space out elements on a page?
BOX
what are some ways to cut down on repetitive code in your website?
use <div> to style multiple elements
in what order does the cascade look at factors to determine which rule to follow?
IMPORTANCE
SPECIFICITY
ORDER
(iso)
how are padding and margin values listed?
TOP
RIGHT
BOTTOM
LEFT
(trbl)
what is CSS referred to without the cascade
Conflicting style sheet
which property allows you to hide and show elements?
visibility property
what sign does ID use?
#
what sign does CLASS use?
.
what does the “I” in iframes stand for
inline
