Scribd
Upload
51 views83 pages

Review Exam

The document provides a review test with multiple choice questions about CSS properties and concepts. Some key points: - There are 27 multiple choice questions testing knowledge of CSS properties like background-repeat, background-color, float, position, box model, lists, pseudo-classes, font properties, and image positioning. - For each question, the test-taker is supposed to choose the correct answer and write it down without screenshots or notes within a 10 second time limit. - The questions cover a wide range of CSS topics to evaluate understanding of how to style elements, work with the box model, control text and backgrounds, and use pseudo-classes and lists.

Uploaded by

Michael John Bunggay
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
51 views83 pages

Review Exam

The document provides a review test with multiple choice questions about CSS properties and concepts. Some key points: - There are 27 multiple choice questions testing knowledge of CSS properties like background-repeat, background-color, float, position, box model, lists, pseudo-classes, font properties, and image positioning. - For each question, the test-taker is supposed to choose the correct answer and write it down without screenshots or notes within a 10 second time limit. - The questions cover a wide range of CSS topics to evaluate understanding of how to style elements, work with the box model, control text and backgrounds, and use pseudo-classes and lists.

Uploaded by

Michael John Bunggay
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 83

REALLY GREAT SCHOOL

REVIEW TIME
Let's Put Your Knowledge to The Test!
DIRECTIONS:

1. Write down your answers on a paper

2. Questions will be flashed for 10


seconds.
3. Strictly no taking of screenshots.

4. Strictly no opening of notes.

5. Show your answers.


M U LT I P L E C H OI CE

QUESTION:
1. You want to repeat a background image both horizontally

and vertically. Which CSS property should you use?

background-repeat background-size

background-position background-attachment
M U LT I P L E C H OI CE

QUESTION:
2. What property is used to change or add color behind

text?

background background-color

color Color-background
M U LT I P L E C H OI CE

QUESTION:
3. What is the correct block-level elements below?

<html> </html> <p> <div>


<h2>
width, margin, <head> <body>
padding
• a. background-repeat

2. a. background
ANSWER:
3. b. <p> <div>
<h2>
M U LT I P L E C H OI CE

QUESTION:
4. Which of the following codes will add a blue background

behind the heading “sample”?

h1 { background: blue; } h1 { background: blue, behind; }

h1 { background-color: h1 { background-color: blue,


blue; }
M U LT I P L E C H OI CE

QUESTION:
5. Which background property specifies the background-color

of an element?

background-color background-hue

background-tint none of the above


M U LT I P L E C H OI CE

QUESTION:
6. Below are the right format of using float property in CSS

EXCEPT;

float: right; float: none;

float: left; float: absolute:


4. a. h1 { background:
blue; }
5. a. background-color
ANSWER:
6. d. float: absolute:
M U LT I P L E C H OI CE

QUESTION:
7. Which of the following declarations show correct syntax of

the background property?

background-color: Rgb (100%, 0%, 0%)

background-color: Rgb 255, 0, 8;

background-tint: blue;

background-tint: Rgb (255, 0, 8);


M U LT I P L E C H OI CE

QUESTION:
8. What property is used to add borders to a text or group of

text?

border-style border

margin none of the above


M U LT I P L E C H OI CE

QUESTION:
9. Which of the following is not a border style?

dashed triple

double dotted
7. a. background-color: Rgb (100%, 0%, 0%)

8. c. border
ANSWER:
9. b. triple
M U LT I P L E C H OI CE

QUESTION:
10. Which of the following elements can background color be

applied?

body headings

paragraphs all of the above


M U LT I P L E C H OI CE

QUESTION:
11. Which property specifies an image to use as the

background of an element?

background-color background-image

background-pattern background-position
M U LT I P L E C H O I CE

QUESTION:
12. Which of the following list property is used as a shorthand

notation for all the properties for a list?

list-style list-style-image

list-style-position List-style-type
10. d. All of the above

11. b. background-image
ANSWER:
12. a. List-style
M U LT I P L E C H O I CE

QUESTION:
13. Which of the following declarations show correct syntax of

background-image property?

background-image: url(Sun.jpg);

background-image: url(Sun.jpg) fixed;

background-image: url(Sun.jpg) no-


repeat;
background-image: url(Sun.jpg)
scroll;
M U LT I P L E C H OI CE

QUESTION:
14. What is the term that represents the structured layout plan

for the website you are creating?

Box model Float

Offset Div
M U LT I P L E C H OI CE

QUESTION:
15. Which of the following elements in the box model are

transparent?

border and content width and margin

padding and margin a. content and width


13. a. background-image: url(Sun.jpg);

14. a. Box model


ANSWER:
15. c. padding and margin
M U LT I P L E C H O I CE

QUESTION:
16. What value in float property must Nancy use if she wants to

“float” her specified block element to be placed or located on the

left?

top, left right

left None
M U LT I P L E C H OI CE

QUESTION:
17. Which of the following list property is used to set an image

as a bullet?

list-style list-style-image

list-style-img List-style-type
M U LT I P L E C H OI CE

QUESTION:
18. Which of the following list property is used to set the

position of the marker?

list-style list-style-align

list-style-marker list-style-position
16. c. left

17. b. list-style-image
ANSWER:
18. d. List-style-position
M U LT I P L E C H OI CE

QUESTION:
19. You want to change the numbering style of an ordered list to

lowercase Roman numerals. Which CSS property should you use?

list-style-type list-style-image

list-style-position list-style
M U LT I P L E C H OI CE

QUESTION:
20. Which pseudo-element is used to select links where the

mouse is over?

:active :befor
e

:hover :link
M U LT I P L E C H O I CE

QUESTION:
21. Which pseudo-element is used to insert content before

every specific element?

:before :first-letter

:first-line :focus
19. a. list-style-type

20. c. :hover
ANSWER:
21. a. :before
M U LT I P L E C H OI CE

QUESTION:
22. Which of the following properties changes the thickness of

letter?

letter-spacing text-indent

font-weight font-size
M U LT I P L E C H OI CE

QUESTION:
23. What is the element in the box model that serves as a space

limit of the content on each of the sides of the webpage?

padding border

margin width
M U LT I P L E C H OI CE

QUESTION:
24. If Atarah has to decide on the positioning of her element, what

should be her choices?

absolute, fixed, relative,


absolute, active, fixed, static
static

active, fixed, relative, static absolute, active, relative,


static
22. c. font-weight

23. b. border
ANSWER:
24. a. absolute, fixed, relative,
static
M U LT I P L E C H OI CE

QUESTION:
25. What property is used to avoid the image from repeating?

Fixed repeat

no-repeat Scroll
M U LT I P L E C H OI CE

QUESTION:
26. Diana would like to add a background-image to her webpage.

Which of the following is the correct ruleset to use?

body { background-image: pattern.jpg; }

body { background-image: url


(pattern.jpg); }
p { background-image: pattern.jpg; }

p { background-image: url (pattern.jpg); }


M U LT I P L E C H OI CE

QUESTION:
27. Which property specifies whether the background image should

scroll or be fixed in position?

background-position background-attachment

background-repeat background-color
25. c. no-repeat

ANSWER:
26. b. body { background-image: url
(pattern.jpg); }
27. b. background-attachment
M U LT I P L E C H OI CE

QUESTION:
28. Which CSS embedded rule is used to assign the location of the

image on a web page.

background-position background-repeat

Background-attachment background-image
M U LT I P L E C H OI CE

QUESTION:
29. Which CSS embedded code is correct to change the background

color of the web page to purple?

body {background-color:purple;}

<body style=”background-
color:purple;>
body{color:purple;}

<body background-color=”purple”>
M U LT I P L E C H OI CE

QUESTION:
30. What is the default value of the web page for the background-

repeat property?

repeat-y repeat

repeat-x
no-repeat
28. a. background-position

ANSWER:
29. body {background-color:purple;}

30. repeat
M U LT I P L E C H OI CE

QUESTION:
31. What is the name of the value that is where the position of

element would be from the specified reference point?

absolute fixed

relative Static
M U LT I P L E C H OI CE

QUESTION:
32. Which of the following is the properties used in Offset?

absolute, fixed, header, right, left,


relative, static footer

left, right, none top, right, bottom, left


M U LT I P L E C H OI CE

QUESTION:
33. What layout property in CSS controls where a specified block

element will be located or placed on the page.

box model element


positioning
float offset
31. a. absolute

ANSWER:
32. d. top, right, bottom, left

33. c. float
M U LT I P L E C H O I CE

QUESTION:
34. What property must we use to wrap a text around its element?

box model element


positioning
float offset
M U LT I P L E C H OI CE

QUESTION:
35. What are the different positioning schemes that we can use for

Element Positioning?

absolute, fixed, header, right, left,


relative, static footer

left, right, none top, right, bottom, left


M U LT I P L E C H OI CE

QUESTION:
36. What is the name of the value that gives a default normal

position of an object if there is no specified position?

absolute fixed

relative static
34. c. float

ANSWER: 35. a. absolute, fixed, relative, static

36. d. static
M U LT I P L E C H OI CE

QUESTION:
37. Which of the following are the properties used in Float?

absolute, fixed, header, right, left,


relative, static footer

left, right, none top, right, bottom,


left
M U LT I P L E C H OI CE

QUESTION:
38. Which among the sentences is true about box model in CSS?

We use a box model to layout structure in CSS

Block level tags is used in defining the boxes

Both choices from A and B

Neither of the choices


M U LT I P L E C H OI CE

QUESTION:
39. What layout property in CSS that allows us to place an object in

a precise place on a web page?

box model element


positioning

float offset
37. c. left, right, none

ANSWER: 38. c. Both choices from A and B

39. b. element positioning


M U LT I P L E C H OI CE

QUESTION:
40. Which of the following sets up the distance of the specified

element from another element?

box model element


positioning

float offset
M U LT I P L E C H OI CE

QUESTION:
41. Which of the following declarations show correct syntax of

background attachment?

background-attachment:no repeat; background-attachment:repeat;

background-attachment:scroll; all of the above


M U LT I P L E C H O I CE

QUESTION:
42. What separates the values in the shorthand notation of

background property?

commas forward slash

semi-colon Spaces
40. d. offset

ANSWER: 41. d.all of the above

42. d. Spaces
M U LT I P L E C H O I CE

QUESTION:
43. Joseph wants to give emphasis to the main heading of the

webpage. What background property do you suggest is the best one

to use?

background-attachment background-color

background-position background-repeat
M U LT I P L E C H OI CE

QUESTION:
44. Which background property specifies the position of background

image?

background-attachment background-image

background-position background-repeat
M U LT I P L E C H OI CE

QUESTION:
45. Which of the following declaration shows correct syntax of

background position?

background-position: 30% 20% background-position:left top;

all of the above


background-position:120px 60%;
43.

ANSWER: 44. c. background-position

45. d. all of the above


M U LT I P L E C H OI CE

QUESTION:
46. How many values does the background-attachment property

have?

2 4

5
3
M U LT I P L E C H OI CE

QUESTION:
47. What feature is used to set the background color of an specific

element?

background-image
background-color

background-position
background-repeat
M U LT I P L E C H OI CE

QUESTION:
48. In the box model, which CSS property is furthest outside?

margin
border

padding
content
46. a. 2

ANSWER: 47. a. background-color

48. b. margin
M U LT I P L E C H OI CE

QUESTION:
49. To help Atarah customize the measurement of the values she

puts in her offset property, what unit of value must she use?

percentage
number only

point
pixel
M U LT I P L E C H OI CE

QUESTION:
50. In the box model, which CSS property is closest inside?

border content

padding
margin
M U LT I P L E C H OI CE

QUESTION:
51. Which of the following values are accepted by the float

property?

left none

all of the mentioned


right
49. c. pixel

ANSWER: 50. c. content

51. d. all of the mentioned


M U LT I P L E C H O I CE

QUESTION:
52. Atarah is currently on a mission to design the structure of the

web page layout. To do this, the following must be considered

except for:

border content

space
margin
M U LT I P L E C H OI CE

QUESTION:
53. Which property value of background does repeat an image

vertically only?

repeat-x repeat-y

no repeat
repeat
M U LT I P L E C H OI CE

QUESTION:
54. What feature is used to set the background image of an

element?

background-color background-image

all of the mentioned


background-repeat
52. d. space

ANSWER: 53. b. repeat-y

54. b. background-image
M U LT I P L E C H OI CE

QUESTION:
55. Which property value of background does repeat an image

horizontally only?

repeat-x repeat-y

no repeat
repeat
M U LT I P L E C H OI CE

QUESTION:
56. What are the properties of the box model in order from inside to

outside?

margin, border, content, padding content, padding, border,


margin
padding, content, border,
margin, border, padding, content
padding
M U LT I P L E C H OI CE

QUESTION:
57. What happens when an element is floated?

It is removed from the document flow and other elements wrap


around it
It becomes transparent and reveals the content behind it

It expands to fill the entire width of its container

• It collapses and disappears from the page


55. a. repeat-x

ANSWER: 56. b. content, padding, border, margin

57. a. It is removed from the


document flow and other elements
wrap around it
M U LT I P L E C H O I CE

QUESTION:
58. What does the "float" property do in CSS?

Sets the background color of an element

Positions an element to the left or right of its containing


element
Changes the font style of an element

Adjusts the opacity of an element


M U LT I P L E C H O I CE

QUESTION:
59. Which of the following statements is true regarding the float

property?

Floated elements are always positioned relative to the viewport

Floats can only be applied to block-level elements

Floated elements automatically expand the width of their parent container

Floated elements can be easily vertically centered within their parent


container
M U LT I P L E C H O I CE

QUESTION:
60. You want to position a background image at a fixed position
within an element, regardless of scrolling. Which CSS property
should you use?
background-image

background-attachment

background-position

background-size
58. b. Positions an element to the left or right
of its containing element

59. b. Floats can only be applied to block-


ANSWER: level elements

60. background-attachment
THANK YOU MGA
BAI!

You might also like