HTML CSS

Question 1

What element to use to create SuperScript and Subscript

Answer 1

sup & sub element

Question 2

Name three different types of values you can use to specify colors in CSS.

Answer 2

Name
RGB
Hex Codes

Question 3

What are three important considerations for choosing fonts?

Answer 3

Readability
Tone and Message
Cross-Browser and Cross-Device Issues

Question 4

Why must you have backup fonts assigned when selecting custom fonts?

Answer 4

In case fonts are missing

void default

Question 5

What CSS properties make up the box model?

Answer 5

margins
borders
padding.

Question 6

Which CSS property pushes boxes away from each other?

Answer 6

margin

Question 7

Which CSS property pushes box content away from its border?

Answer 7

padding

Question 8

What are 3 examples of what can be done with CSS transitions?

Answer 8

rotate, scale, time delay

Question 9

Why might transitions be a helpful effect for styling?

Answer 9

Create animation to improve user experiences

Question 10

what does transform property do?

Answer 10

adjust how element present on the page

Question 11

How do block-level elements affect the document flow?

Answer 11

occupied the entire line

Question 12

How do inline elements affect the document flow?

Answer 12

take regular space as needed

Question 13

What are the default width and height of a block-level element?

Answer 13

auto 100%

Question 14

What are the default width and height of an inline element?

Answer 14

auto auto

Question 15

What accessibility considerations must be considered when choosing HTML elements?

Answer 15

using correct elements for screen reader.

eg. em strong thead tbody

Question 16

What is the initial display property of div s?

Answer 16

block

Question 17

What is the difference between display: none and visibility: hidden?

Answer 17

Visibility: hidden - It is not visible but gets up it’s original space whereas
Display: none - It is hidden and takes no space.

Question 18

Why are CSS resets helpful for cross browser compatibility?

Answer 18

in case user agent stylesheet shows un-expected results

Question 19

Why is it important to be mindful of what you reset with your CSS resets?

Answer 19

once reset, all default value for user agent stylesheet are gone.

Question 20

What is an argument against using CSS resets?

Answer 20

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.

Question 21

What is the default value for the position property of HTML elements?

Answer 21

static

render in order, as they appear in the document flow

Question 22

Why is it important to use a grid system for CSS layouts?

Answer 22

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.

Question 23

What are the three core parts of a grid system?

Answer 23

rows and columns. containers

Question 24

Why is it a good idea to use percentages for grid column widths?

Answer 24

fits different view port

Question 25

What is the default flex-direction of a flex container?

Answer 25

flex-direction property’s default is row

Question 26

What is the default flex-wrap of a flex container?

Answer 26

no wrap

Question 27

Why should flexbox not be used for building complete web page layouts?

Answer 27

content driven

Question 28

What is the default flex-wrap of a flex container?

Answer 28

The default value of wrap-flex is nowrap.

Question 29

Why should flexbox not be used for building complete web page layouts?

Answer 29

templating is great

but not good for unique design

Question 30

shift to left

Answer 30

flex justify-content: flex-end