CSS

Question 1

What does CSS stand for?

Answer 1

Cascading Style Sheets

Question 2

What is the purpose of CSS?

Answer 2

It alters and styles the appearance of a webpage. For example, it changes font, text color, size, spacing, etc.

Question 3

What are the parts of the CSS syntax rule?

Answer 3

1. Selector
2. Declaration
3. Property
4. Value

Question 4

What is the selector in a syntax?

Answer 4

The selector is the HTML element that is being styled.

Question 5

What is the declaration in a syntax?

Answer 5

The declaration is a pair of property and value, separated by a colon. It is closed with a semicolon at the end.

Question 6

What is a declaration block?

Answer 6

It is a structure that begins with an opening brace ( { ) and ends with a closing one ( } ).

Question 7

What is the property in a syntax?

Answer 7

The specific aspect or characteristic of the selector that is being modified.

Question 8

What is the value in a declaration?

Answer 8

The setting for the property, such as blue as color, 30px as font-size, or 2px solid black as border.

Question 9

How can you type a comment in CSS?

Answer 9

By using this text: /*(insert text here)*/

Question 10

How are colors specified?

Answer 10

With predefined color names (red, yellow, sky blue) or RGB, HEX, HSL, RGBA, and HSLA values.

Question 11

Which property sets the background color of an element?

Answer 11

background-color

Question 12

Which property sets the color of a text?

Answer 12

color

Question 13

What does RGB stand for?

Answer 13

Red Green Blue

Question 14

How does RGB function?

Answer 14

Each parameter is set from 0 to 255 (0 being the lowest intensity and 255 being the highest). The more intense a color is, the more it will be visible.

Question 15

How can you make shades of grey with RGB?

Answer 15

By aligning the parameters to be equal.
Ex: rgb(60, 60, 60)

Question 16

What does the A mean in RGBA and what is its function?

Answer 16

Alpha.
The function of alpha is to adjust the opacity of a color from the value of 0-1. 0 is fully transparent, and 1 is not transparent at all.

Question 17

What is a HEX color?

Answer 17

A HEX, or hexadecimal color, is specified with #RRGGBB. The RR is red, the GG is green, and the BB is blue. They describe the components of a color.

Question 18

How are HEX colors measured?

Answer 18

The values are between 00 and ff, which is equivalent to 0 and 255 in RGB.
Ex: #ff0000 is red because red is the highest value.

Question 19

How can you make shades of grey with HEX?

Answer 19

Use equal values for all three light sources.
Example: 3c3c3c, f9f9f9

Question 20

What does HSL stand for?

Answer 20

Hue Saturation Lightness

Question 21

I don’t really care about HSL so I’m not gonna bother to elaborate further

Answer 21

Okay 👍

Question 22

Which property states the opacity of an element?

Answer 22

opacity
Tip: The value spans from 0.0 to 1.0. The lower the value, the more transparent.

Question 23

Which property specifies an image to use as a background?

Answer 23

background-image

Question 24

Which value is used to input an image as a background for the background-image property?

Answer 24

url(“…”)

Question 25

By default, a background image would repeat both horizontally and vertically. How can you prevent this from happening?

Answer 25

By using the background-repeat: no-repeat; declaration.

Question 26

Which declaration repeats a background image horizontally?

Answer 26

background-repeat: repeat-x;
Tip: X refers to the x-axis, which is horizontal.

Question 27

Which declaration repeats a background image vertically?

Answer 27

background-repeat: repeat-y;
Tip: Y refers to the y-axis, which is vertical.

Question 28

Which property specifies the position of a background image?

Answer 28

background-position

Question 29

Which property specifies whether the background image would be fixed or scroll (scroll meaning that the image goes down or up with the rest of the content)?

Answer 29

background-attachment

Question 30

Which property is used for shorthand coding for backgrounds? (by shorthand, I mean without typing the extra properties)

Answer 30

background

Question 31

Which property specifies the style of a border, or what kind of border to display?

Answer 31

border-style

Question 32

Which property defines a border’s width? And what predefined values are set for that property?

Answer 32

border-width
thin, medium, or thick

Question 33

Which order does styling a border (or anything like margins) go?

Answer 33

Clockwise
(top, right, bottom, left)

Question 34

Which property specifies a border’s color?

Answer 34

border-color

Question 35

Which property is shorthand for border-style, border-width, and border-color?

Answer 35

border

Question 36

Which property rounds borders?

Answer 36

border-radius

Question 37

Which properties sets the characteristics of a border’s sides?

Answer 37

border-right
border-left
border-bottom
border-top

Question 38

What do margins do?

Answer 38

Margins create space around elements outside of any defined border.

Question 39

Which properties specify the margin of an element’s side?

Answer 39

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

Question 40

What is the shorthand property for all margin properties?

Answer 40

margin

Question 41

Which value automatically centers an element horizontally?

Answer 41

auto

Question 42

What does padding do?

Answer 42

Padding creates space between elements and their borders.