Scribd
Upload
39 views4 pages

Untitled Document

The document discusses CSS properties related to background, font, and pseudo elements. It provides examples of CSS code to set background color, image, position and other properties. It also discusses using pseudo elements like ::first-line and ::before to style elements. The document contains multiple choice and true/false questions related to these CSS topics.

Uploaded by

kalieledeguzman
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
39 views4 pages

Untitled Document

The document discusses CSS properties related to background, font, and pseudo elements. It provides examples of CSS code to set background color, image, position and other properties. It also discusses using pseudo elements like ::first-line and ::before to style elements. The document contains multiple choice and true/false questions related to these CSS topics.

Uploaded by

kalieledeguzman
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/ 4

1. Mina wants to change the background color 5.

Based on the shorthand property of


of her webpage to 7898AF (Hexadecimal background given, the background
color).Which among the following codes is image that will be used is_____.
the correct way to set the background
color? a. image1.png
a.bg-color: 7898AF; b. img.png
b.bg-color: #7898AF; c. image.png
c.background-color: 7898AF; d. image.jpg
d.background-color: #7898AF;

2. Diana is thinking of setting an image as the


background of her DIV element. Which 6. Background-color property specifies
among the following codes is the proper the background ____ of an element.
way to set a background image?
a. Image
a. bg-image: bg.jpg; b. Color
b. bg-image: url("bg.jpg"); c. Text
c. background-image: bg. d. Size
d. background-image: url("bg.jpg");
7. Background-image property specifies
3. If the property background-attachment an ____ to use as the background of an
has been set “FIXED”, What will be the element.
property?
a.scroll c. local a. Image
b.fixed d. Initial b. Color
c. Text
4. Yanna thinks that the position of the d. Size
background image should be in the middle.
Which among the following codes is the 8. Background-attachment property
proper way to set the background position? specifies whether the background image
should ____ or be ____
a. set-position: center;
b. background-position: center; a. Scroll and Fixed
c. bg-position: 100% 100%; b. Image and Color
d. background-position: 100% 100%; c. Bg and Img
d. None of the above

9. Which among the following text is


NOT a sans serif?
10. Chae wants to set the font size of 14. Jenny wants to use a custom font in
her text content to 32px, what is the her web project. What CSS rule should
equivalent of 32 px to em? she use to define a custom font?

a. 1em a. @font-face
b. 1.5em b. @custom-font
c. 1.75em c. @type-face
d. 2em d. @text-font
11. What is the equivalent of 2.5 em to
pixels?
15. Annie has already defined a custom
a. 38px font, to apply the custom font to an
b. 40px HTML element, she should refer to the
c. 42px name of the font indicated in what CSS
d. 44px font property?

12. Which among the following is NOT a. font-family


an acceptable value for font-style b. font-variant
property? c. c. font-size
d. Font-weight
a. Normal
b. Italic 16. _____ fonts have a small stroke at
c. Oblique the edges of each letter. They create a
d. Bold sense of formality and elegance.

13. Kian want to set the value of font- a. Serif


weight using actual numbers. What is b. .Sans-serif
the equivalent of bold among these c. Sheriff
values? d. Sans-Sheriff

a. font-weight: 400 17. _____ fonts have clean lines (no


b. font-weight: 500 small strokes attached). They create a
c. font-weight: 600 modern and minimalistic look.
d. font-weight: 700
a. Serif
b. Sans-serif
c. c. Sheriff
d. Sans-Sheriff
22. ________ pseudo-element can be
18. CSS pseudo-element is used to style used to insert some content after the
_________ of an element. content of an element.

a. specified parts a. ::first-line


b. Name b. ::first-letter
c. c. background c. ::after
d. Image d. ::before

19. ________ pseudo-element is used to 23. ::marker pseudo-element selects the


add a special style to the first line of a ______ of list items.
text.
a. markers
a. ::first-line b. images
b. ::first-letter c. colors
c. ;;first-kiss d. Size
d. ::before
24. ________ pseudo-element matches
20. ________ pseudo-element can only the portion of an element that is
be applied to first letter elements. selected by a user.

a. ::first-line
b. ::first-letter a. ::first-line
c. ;;first-kiss b. ::first-letter
d. ::before c. ::selection
d. ::marker
21. ________ pseudo-element can be
used to insert some content before the 25. Complete the missing code. (4
content of an element. points)

a. ::first-line a. .intro::first-letter
b. ::first-letter b. .outro::first-move
c. ::after c. .intro::first-letter
d. ::before d. intro::first-line
TRUE OR FALSE
1. _____ A combination of
functionality and visual appeal will
make sure that both you and your
visitors get the most out of your
site.
2. _____ Visual appeal is what meets
the eye. It’s the colors, shapes,
pictures, fonts, white space, and
overall visual balance of a design.
3. _____ Bright colors are absolutely
NOT attention-getting. Most
designers are opting for simplicity
when using color to create depth
and contrast.
4. _____ White and black
backgrounds are classic and easy
to use. You can create contrast for
type (even small type) easily and
will always be in fashion.
5. _____ ::first-line pseudo-element is
used to add a special style to the
first letter of a text.
6. _____ CSS pseudo-element is used
to style specified parts of an
element.

You might also like