Module1-what is CSS

Question 1

What does css stand for

Answer 1

Cascading Style Sheets

Question 2

What are the ways to add css styling to an html page

Answer 2

1. inline within an element with a style attribute
2. style tag in the head
3. css file with rel=stylesheet and href to the file location in the html head
4. frameworks

Question 3

What is a css rule

Answer 3

a style decleration consists of a property that we want to change and the value we want to give that property with a colon between them and a semi colon to close the decleration

Question 4

What is a selector

Answer 4

A selector is the way we tell css what elements to style. You write the name of the selector and then open curly braces and the css rule inside

Question 5

What are the different font family types

Answer 5

1. standard
2. serif
3. sans-serif
4. monospace (fixed-width)

Question 6

Where can I find cool fonts

Answer 6

Google fonts

Question 7

what selectors are there?

Answer 7

universal - *
element selectors - element type
class selector. - .
id - #
attributes - [ ]

Question 8

specificity

Answer 8

inline > id >class, :pseudo class and [attribute] selector,> and ::pseudo element selectors

The rule with the most details has hire specificity

Question 9

what does inherit do?

Answer 9

elements inherit the styles of their parents. The specificity of inheritance is the lowest so any element selected directly will override it. If we want to have the inherited style we need to add the keyword inherit to the style

Question 10

combinator

Answer 10

allows us to combine selectors.

Question 11

4 types of combinators

Answer 11

\+ adjacent sibling
    elements share the same parent
    second element comes immediately after the first one
~ general sibling
        elements share the same parent
> child
      direct child
" " descendant