CSS Cascading Style Sheets

Question 1

What is CSS?

Answer 1

It is used to styling language used for website layout and design and most commonly used with HTML

Question 2

What are the three main ways of adding CSS to an html file?

Answer 2

Inline CSS
Internal CSS
External CSS

Question 3

What is Inline CSS?

Answer 3

Inserted directly in the html element

Question 4

What is internal CSS?

Answer 4

Using <style> tags within a single document</style>

Question 5

What is external CSS?

Answer 5

Linking an external .css file

Question 6

Should you keep the presentation, functionality, and style completely separate as much as possible?

Answer 6

Yes, to attempt otherwise is not practical, nor scalable.

Question 7

What is the html tag <link></link> used for?

Answer 7

To externally link a css document

Question 8

What is the rel attribute used for and where?

Answer 8

It is used under the <link></link> tag, and defines the relationship between a linked resource and the current document, e.g.

rel=“stylesheet”

Question 9

What is a css selector?

Answer 9

It is the first part of a CSS rule used to find or SELECT the HTML elements you want to style.

Question 10

If you have a property, you must also have a ?

Answer 10

Value

Question 11

If you have a value you must also have a ?

Answer 11

Property

Question 12

What is a : in a CSS declaration?

Answer 12

Property/value separator

Question 13

What is the semicolon in a css declaration?

Answer 13

A declaration separator

Question 14

What is the symbol for a declaration separator?

Answer 14

Semicolon ;

Question 15

What is the symbol for a property/value separator?

Answer 15

Colon .

Question 16

What are the four ways to designate colors in CSS?

Answer 16

Color names
HTML5 Color Names
Hexadecimal
RGB

Question 17

What is an ID in HTML?

Answer 17

Specifically identifies a SINGLE element

Question 18

What is an class in HTML?

Answer 18

Can be assigned to multiple elements on a page or entire website so that a css can be applied to multiple tags

Question 19

What symbol is used to target a class?

Answer 19

. Dot

Question 20

Should you use pixels (px) or percentages with containers?

Answer 20

Percentages

Question 21

From the content, to the outside, describe the spacing from inside out.

Answer 21

Padding, border, margin

Question 22

What is the order for margin and padding shorthand?

Answer 22

Top, right, bottom, left

Question 23

What is the order when writing the declaration for borders and margins?

Answer 23

Size, color, style
5px red solid

Question 24

What does this mean?

*{

}

Answer 24

Everything between the brackets will be applied to every element and style

Question 25

What does the hover state do?

Answer 25

When you hover over a link it will turn red

Question 26

What is css inheritance?

Answer 26

Refers to the relationship between HTML tags and how certain css styles can apply to a tag without any css rules directly applied to it

Question 27

What is cascading in css?

Answer 27

Refers to the fact that cumulative styles across multiple css rules are applied to each and every html tag.

Question 28

How to add comments in css?

Answer 28

Place text inside /* */

Question 29

What is the purpose of SASS?

Answer 29

An extension to css that allows you to use variables, math operations, mixing, loops, functions, imports and other functionality that does not exist in css.

Question 30

What are three file formats used for the web?

Answer 30

Jpg, gif, png

Question 31

Difference between gif 87a and 89a?

Answer 31

87a is the original format indexed for color images 89a can do the same, but includes transparency and animation capabilities.

Question 32

What is float used for?

Answer 32

Allows an image to float left/right to the text in a container

Question 33

What is image transparency?

Answer 33

The opacity of an image

Question 34

What is hexadecimal color?

Answer 34

Hexadecimal values that represent colors with the #RRGGBB format.

Question 35

What is the hex code for white?

Answer 35

#FFFFFF

Question 36

What is the hex code for black?

Answer 36

#000000

Question 37

What is the hex code for red?

Answer 37

#FF0000

Question 38

What is the hex code for green?

Answer 38

#00FF00

Question 39

What is the hex code for blue?

Answer 39

#0000FF

Question 40

what are link states?

Answer 40

Interactive elements that can change display based on the current state of their interaction with the user

Question 41

Difference between fixed and liquid layouts

Answer 41

Fixed means the width of the entire page is set Liquid means the width of the entire page is flexible

Question 42

what are browser safe colors?

Answer 42

216 out of 256 general colors

Question 43

identify three css properties related to formatting text and fonts.

Answer 43

Color Letter-spacing Line-height Text-align Text-decoration Word-spacing

Question 44

Create a style rule that specifies a font-family, font-size, and color. Include a fallback font.

Question 45

What is the box model?

Answer 45

Refers to how HTML elements are modeled in browser engines and how the dimensions of those HTML elements are derived from CSS properties.

Question 46

Difference between padding and margin

Answer 46

Padding represents inner space of an element (from the text out) Margin is the white space available surround an element (furthest edges in)