Beginner CSS

Question 1

What does CSS stand for?

Answer 1

Cascading Styles Sheets

Question 2

How does CSS differ from HTML?

Answer 2

HTML is the meaning or content

CSS is the presentation (style) of that document

Question 3

What is the standard format of CSS?

Answer 3

property: value

Question 4

What are the three ways to apply CSS?

Answer 4

1. ) Inline
2. ) Internal
3. ) External

Question 5

______ styles are plonked straight into the HTML tags using the style attribute.

Answer 5

Inline styles

Question 6

How to use the color red?

Answer 6

color: red

Question 7

True or False? Inline styles should be avoided wherever possible

Answer 7

True: HTML should be a stand-alone, presentation free document, and so in-line styles should be avoided wherever possible

Question 8

_______ styles are used for the whole, multiple-page website. There is a separate CSS file.

Answer 8

External

Question 9

What tag is used to include a CSS file in an HTML document?

Answer 9

link along with the attributes rel=”stylesheet” and href=”style.css”

Question 10

Whereas HTML has tags, CSS has _________

Answer 10

Selectors

Question 11

What are CSS selectors?

Answer 11

Selectors are the names given to styles in internal and external style sheets.

Question 12

What are HTML selectors?

Answer 12

HTML selectors are simply the names of HTML tags and are used to change the style of a specific type of element

Question 13

For each selector there are ________

Answer 13

Properties

Question 14

A _______ is given to the property following a colon

Answer 14

Value

Question 15

px

Answer 15

The unit for pixels: 12px

Question 16

em

Answer 16

The unit for the calculated size of a font: 2em is two times the current font size.

Question 17

pt

Answer 17

The unit for points, for measurements typically in printed media: 12pt

Question 18

%

Answer 18

The unit for percentages: 80%

Question 19

pc

Answer 19

The unit for picas

Question 20

True or False: When a value is zero, you do not need to state a unit.

Answer 20

True: if you wanted to specify no border, it would be border: 0;

Question 21

CSS has 24-bit color which provides how many colors?

Answer 21

16,777,216 colors

Question 22

What are the four ways you can specify color in CSS?

Answer 22

1. ) By name
2. ) RGB (red / green / blue)
3. ) Hex code
4. ) HSL (hue, saturation and lightness)

Question 23

The three values in the RGB value are from ______

Answer 23

0 to 255
0 being the lowest (no color)
255 being the highest (full color)

Question 24

What is the compressed version of the hex value #ff0000

Answer 24

f00

Question 25

What is the difference between the 3 and 6 digit version of a hex number?

Answer 25

The 3 digit version is easier to understand (RBG), but the 6 digit version provides more control over the exact color.

Question 26

What two properties can be used to apply color?

Answer 26

color and background-color

Question 27

font-family

Answer 27

This is the font itself, such as Times New Roman, Arial, or Verdana.

Question 28

_________ sets the size of the font

Answer 28

font-size

Question 29

font-weight

Answer 29

States whether the text is bold or not font-weight: bold or font-weight: normal

Question 30

States whether the text is italic or not

Answer 30

font-style font-style: italic or font-style: normal

Question 31

text-decoration

Answer 31

States whether the text has got a line running under, over, or through it text-decoration: underline text-decoration: overline text-decoration: line-through

Question 32

_______ will change the case of the text

Answer 32

text-transform text-transform: capitalize text-transform: uppercase text-transform: lowercase text-transform: none

Question 33

True or False Underlines should only really be used for links?

Answer 33

They are a commonly understood web convention that has lead users to generally expect underlined text to be a link.

Question 34

The ______________ properties are for spacing between letters or words.

Answer 34

letter-spacing and word-spacing The value can be a length or normal

Question 35

line-height

Answer 35

The line-height property sets the height of the lines in an element, such as a paragraph, without adjusting the size of the font.

Question 36

The _______ property will align the text inside an element to left, right, center, or justify.

Answer 36

text-align

Question 37

The _______ property will indent the first line of a paragraph, for example, to a given length or percentage.

Answer 37

text-indent This is a style traditionally used in print, but rarely in digital media such as the web.

Question 38

What are the two most commonly used properties for spacing-out elements?

Answer 38

margin and padding

Question 39

Margin?

Answer 39

A margin is the space outside something

Question 40

______ is the space inside something

Answer 40

padding

Question 41

The four sides of an element can also be set individually with which type of properties?

Answer 41

margin-top margin-right margin-bottom margin-left

Question 42

What is The Box Model?

Answer 42

Margins, padding and borders are all part of what’s known as The Box Model. 1. ) The content area 2. ) Padding box 3. ) Border box 4. ) Margin box

Question 43

True or False? The box model can be applied to every element on the page

Answer 43

True

Question 44

To make a border around an element, all you need is __________

Answer 44

border-style

Question 45

The values of border

Answer 45

solid, dotted, dashed, double, groove, ridge, inset, outset

Question 46

border-width

Answer 46

border-width sets the width of the border, most commonly using pixels as a value

Question 47

border-color

Answer 47

border-color sets the color