Visual Design

Question 1

How do you align text?

Answer 1

text-align:

Question 2

What options does the text-align property have?

Answer 2

text-align: justify; causes all lines of text except the last line to meet the left and right edges of the line box.

text-align: center; centers the text

text-align: right; right-aligns the text

And text-align: left; (the default) left-aligns the text.

Question 3

Which tag can you use to bolden text?

Answer 3

strong

Question 4

Which tag can you use to underline text?

Answer 4

u

Question 5

Which tag can you use to emphasise/italicize text?

Answer 5

em

Question 6

Which tag can you use to strikethrough text?

Answer 6

s

Question 7

Which tage can create a horizontal line between 2 elements

Answer 7

hr

Question 8

what does rgba stand for?

Answer 8

red, green, blue, alpha/level of opacity

Question 9

How do you add a shadow to an element?

Answer 9

box-shadow

Question 10

what are the properties of box-shadow?

Answer 10

offset-x
offset-y
blur-radius
spread-radius
colour

In that order

Question 11

What property adjusts the opacity of an element?

Answer 11

opacity

Question 12

What property can be used to change the appearance of text in an element?

Answer 12

text-transform

Question 13

what are the possible values of the text-transform property

Answer 13

lowercase, uppercase, capitalize, initial, inherit, no

Question 14

What property changes the amount of vertical space each line gets?

Answer 14

line-height

Question 15

What’s is a pseudo-class

Answer 15

A pseudo-class is a keyword that can be added to selectors, in order to select a specific state of the element.

Question 16

What pseudo-class is used for when the user is hovering over an element?

Answer 16

:hover

Question 17

What is the difference between fixed and absolute positioning?

Answer 17

Fixed positioning stop the element from moving witrh the scroll wheel

Question 18

How do you order overlapping elements?

Answer 18

z-index:

higher values will appear on top

Question 19

How do you center an element on a page?

Answer 19

margin: auto;

Question 20

How do you create a linear gradient?

Answer 20

background: linear-gradient(gradient_direction, color 1, color 2, color 3, …);

Question 21

What property would you use if you want a linear gradient to repeat?

Answer 21

repeating-linear-gradient

Question 22

How do you change the scale of an element?

Answer 22

transform: scale();