Week 4

Question 1

What does CSS stand for?

Answer 1

Cascading Style Sheets

Question 2

What is the style instruction that style sheets are made up of?

Answer 2

Rules or rule sets

Question 3

What are the 2 parts of a rule?

Answer 3

1. Selector

2. Declaration

Question 4

What is a selector and what are the three types?

Answer 4

A selector is how you target something in your HTML to have style rules applied to it

1. Element
2. Class
3. ID
   (ex: h1 (selector) { colour: red; } (declaration))

Question 5

What is a declaration?

Answer 5

A declaration is how you are defining the actual style rules to be applied, which is made up of a property/value pair
(ex: h1 { colour: (property) red; (value) }

Question 6

What are the 3 ways that you can add styles to HTML documents through CSS?

Answer 6

1. External style sheets
2. Embedded style sheets
3. Inline styles

Question 7

What is an external style sheet?

Answer 7

• A separate text-only document containing all of your style rules
• Must be named with the .css extension
• The most powerful (and preferred) method of adding styles to a site

Question 8

What is an embedded style sheet?

Answer 8

• Same style rules as an external style sheet but embedded in the of a single HTML document
• All embedded style rules must be wrapped in the element

Question 9

What is an inline style sheet?

Answer 9

• You can apply rules to a singular element using the style attribute within the element itself
• Inline styles only apply to the element in which they directly appear
• Least preferred method

Question 10

What is the style sheet hierarchy?

Answer 10

Inline styles OVERWRITE
Embedded styles OVERWRITE
External styles

Question 11

Which two principles determine cascading priority?

Answer 11

1. Last rule

2. Specificity

Question 12

What is the last rule?

Answer 12

The latter of two selectors will take precedent

Question 13

What is the specificity rule?

Answer 13

The most specific selector will take precedence over the more general one(s)

Question 14

What are the three ways in which you can express colour in CSS?

Answer 14

1. RGB Values - colours in terms of how much red, green and blue (eg: 100,100,90)
2. Hex Codes - Six digit codes that represent the amount of red, green and blue in a colour proceeded by a hashtag (eg: #ee3e80)
3. Colour Names - 147 predetermined colours recognized by browsers (eg: DarkCyan)

Question 15

What is HSLA?

Answer 15

Hue, Saturation, Lightness and Alpha which determines opacity (optional)

Question 16

What are the three properties for boxes that can be adjusted to control its appearance?

Answer 16

1. Border - Separates the edge of one box from another
2. Margin - Margins sit outside the edge of the border
3. Padding - The space between the border of a box and any content contained within it

Question 17

What are the positioning schemes in CSS?

Answer 17

1. Normal Flow (static)
2. Relative Positioning (relative)
3. Absolute Positioning (absolute)
4. Fixed Positioning (fixed)
5. Floating Elements (float)

Question 18

What is a font-weight?

Answer 18

The font-weight property allows you to set (or remove) the “boldness” of a particular text element

• Numeric Values: 100, 200, 300, 400(!), 500, 600 (!), 700
• Keywords: Normal, bold, bolder, lighter, inherit

Question 19

What is text transform?

Answer 19

Property that allows you to change the casing of a particular text element (uppercase, lowercase, capitalize)

Question 20

What is text-decoration?

Answer 20

Property that allows you to add underlines, overlines, strikethroughs