HTML CSS Flashcards
What element to use to create SuperScript and Subscript
sup & sub element
Name three different types of values you can use to specify colors in CSS.
Name
RGB
Hex Codes
What are three important considerations for choosing fonts?
Readability
Tone and Message
Cross-Browser and Cross-Device Issues
Why must you have backup fonts assigned when selecting custom fonts?
In case fonts are missing
void default
What CSS properties make up the box model?
margins
borders
padding.
Which CSS property pushes boxes away from each other?
margin
Which CSS property pushes box content away from its border?
padding
What are 3 examples of what can be done with CSS transitions?
rotate, scale, time delay
Why might transitions be a helpful effect for styling?
Create animation to improve user experiences
what does transform property do?
adjust how element present on the page
How do block-level elements affect the document flow?
occupied the entire line
How do inline elements affect the document flow?
take regular space as needed
What are the default width and height of a block-level element?
auto 100%
What are the default width and height of an inline element?
auto auto
What accessibility considerations must be considered when choosing HTML elements?
using correct elements for screen reader.
eg. em strong thead tbody
What is the initial display property of div s?
block
What is the difference between display: none and visibility: hidden?
Visibility: hidden - It is not visible but gets up it’s original space whereas
Display: none - It is hidden and takes no space.
Why are CSS resets helpful for cross browser compatibility?
in case user agent stylesheet shows un-expected results
Why is it important to be mindful of what you reset with your CSS resets?
once reset, all default value for user agent stylesheet are gone.
What is an argument against using CSS resets?
One of the major arguments against using CSS resets is that a lot of the styles are eventually overridden by our main stylesheet, which means that the reset styles unnecessarily add to page load time.
What is the default value for the position property of HTML elements?
static
render in order, as they appear in the document flow
Why is it important to use a grid system for CSS layouts?
Grid Layout gives us a method of creating grid structures that are described in CSS and not in HTML. It helps us to create layouts that can be redefined using Media Queries and adapt to different contexts. Grid Layout lets us properly separate the order of elements in the source from their visual presentation.
What are the three core parts of a grid system?
rows and columns. containers
Why is it a good idea to use percentages for grid column widths?
fits different view port
