CSS

Question 1

How do you flip an image?

Answer 1

img:hover {
transform: scaleX(-1);
}

Question 2

how do u break long words and wrap onto the next line?

Answer 2

word-wrap

Question 3

what does align-items do

Answer 3

align the items inside a flexible container

Question 4

what are selectors? Mention their types

Answer 4

.CSS selectors are used to “find” (or select) the HTML elements you want to style.

We can divide CSS selectors into five categories:

Simple selectors (select elements based on name, id, class)
Combinator selectors (select elements based on a specific relationship between them)
Pseudo-class selectors (select elements based on a certain state)
Pseudo-elements selectors (select and style a part of an element)
Attribute selectors (select elements based on an attribute or attribute value)

Question 5

how do u Insert something after the content of each <p> element and Insert something before the content of each </p><p> element?</p>

Answer 5

::after and ::before

Question 6

Mention few websafe fonts

Answer 6

arial , verdana , georgia , courier new , tahoma , times new roman

Question 7

Mention the 5 generic fallback fonts

Answer 7

serif , sans serif , monospace , cursive , fantasy

Question 8

write a piece of code to animate the background from red to blue

Answer 8

@keyframes mymove {
from {background-color: red;}
to {background-color: blue;}
}

Question 9

what is pc in units?

Answer 9

picas

Question 10

conversion from in to px and cm , from pt to int , pc to pt

Answer 10

inches (1in = 96px = 2.54cm)
pixels (1px = 1/96th of 1in)
points (1pt = 1/72 of 1in)
picas (1pc = 12 pt)

Question 11

what are the two lengths in css?

Answer 11

absolute lengths and relative lengths

Question 12

explain em

Answer 12

Relative to the font-size of the element (2em means 2 times the size of the current font)

Question 13

16px = ….. em

Answer 13

1 em