CSS

Question 1

Inline, Internal, External CSS

Answer 1

Inline - defined in the same HTML tag
Internal - defined in the HTML header and within style (open+close) tag.
External - External stylesheet linked to HTML in the header.

External CSS is the way to go, Internal and Inline CSS are frowned upon.

Priority
Inline CSS&raquo_space; Internal CSS&raquo_space; External CSS

Question 2

Debugging CSS

Answer 2

Usually its an exercise between looking at browser console and checking if the elements that you are targeting are changing appearances.

Most of the time, its either syntax error, or pointing to the wrong file location.

Question 3

CSS selectors

Answer 3

class = “some-class -here”
id=”some-id-here”
HTML tag itself.

These are defined in HTML (not in CSS) and can be used to target specific elements in CSS.

To target class - .some-class-here { }
To target id - #some-id-here { }
To target a HTML tag - body { }

Question 4

Favicons

Answer 4

Inserted at the header of HTML.
Used to give your web page an icon that shows besides your web page title.

Also uses a ‘link’ tag with a rel=”icon” tag after it.

Question 5

Positioning

Answer 5

Static, Relative, Absolute, Fixed and Sticky.

Question 6

display property CSS

Answer 6

Block, Inline-block, Flex, none.

Question 7

color
font-weight
line-height
font-size
letter-spacing
text-transform

Answer 7

All of these affect the fonts in HTML.

Question 8

z-index

Answer 8

Manually declare height of an HTML element when they have been POSITIONED.

Question 9

Media query

Answer 9

@media (query-without-brackets) and (condtions-w/o-brackets) and so on
{ code here }

Question 10

Combining selector

Answer 10

.class-name1 .class-name2 - this selects the class with class-name2 inside class-name1

HTMLtag.class-name - this selects the HTML tag with the class name as ‘class-name’

.class-name1 ~ .class-name2 - Selects all the class with name .class-name2 coming after .class-name1.

Question 11

Selector Priority

Answer 11

id&raquo_space; class&raquo_space; HTML tag.