Reviewer 3rd Q
Reviewer 3rd Q
COMPUTER
SIR JHOEMAN POGI
Mina wants to change the background color of her
webpage to 7898AF (Hexadecimal color).Which
among the following codes is the correct way to set
the background color?
a. bg-color: 7898AF;
b. bg-color: #7898AF;
c. background-color: 7898AF;
d. background-color: #7898AF;
Diana is thinking of setting an image as the
background of her DIV element. Which among the
following codes is the proper way to set a
background image?
a. bg-image: bg.jpg;
b. bg-image: url("bg.jpg");
c. background-image: bg.jpg;
d. background-image: url("bg.jpg");
If the property background-attachment has been
set “FIXED”, What will be the property?
a. scroll c. local
b. fixed d. initial
Yanna thinks that the position of the background
image should be in the middle. Which among the
following codes is the proper way to set the
background position?
a. set-position: center;
b. background-position: center;
c. bg-position: 100% 100%;
d. background-position: 100% 100%;
Based on the shorthand property of background
given, the background image that will be used
is_____.
a. image1.png c.
image.png
b. img.png d.
image.jpg
Background-color property specifies the
background ____ of an element.
a. Image c. Text
b. Color d. Size
Background-image property specifies an ____ to
use as the background of an element.
a. Image c. Text
b. Color d. Size
Background-attachment property specifies whether
the background image should ____ or be ____
a. 1em c. 1.75em
b. 1.5em d. 2em
What is the equivalent of 2.5 em to pixels?
a. 38px c. 42px
b. 40px d. 44px
Which among the following is NOT an acceptable
value for font-style property?
a. Normal c. Oblique
b. Italic d. Bold
Kian want to set the value of font-weight using
actual numbers. What is the equivalent of bold
among these values?
a. @font-face c. @type-face
b. @custom-font d. @text-font
Annie has already defined a custom font, to apply
the custom font to an HTML element, she should
refer to the name of the font indicated in what CSS
font property?
a. font-family c. font-size
b. font-variant d. font-weight
_____ fonts have a small stroke at the edges of
each letter. They create a sense of formality and
elegance.
a. Serif c. Sheriff
b. Sans-serif d. Sans-Sheriff
_____ fonts have clean lines (no small strokes
attached). They create a modern and minimalistic
look.
a. Serif c. Sheriff
b. Sans-serif d. Sans-Sheriff
CSS pseudo-element is used to style _________ of
an element.
a. ::first-line c. ;;first-
kiss
b. ::first-letter d. ::before
________ pseudo-element can only be applied to
first letter elements.
a. ::first-line c. ;;first-kiss
b. ::first-letter d. ::before
________ pseudo-element can be used to insert
some content before the content of an element.
a. ::first-line c. ::after
b. ::first-letter d. ::before
________ pseudo-element can be used to insert
some content after the content of an element.
a. ::first-line c. ::after
b. ::first-letter d. ::before
::marker pseudo-element selects the ______ of list
items.
a. markers c. colors
b. images d. size
________ pseudo-element matches the portion of
an element that is selected by a user.
a. ::first-line c. ::selection
b. ::first-letter d. ::marker
Complete the missing code. (4 points)
a. .intro::first-letter c. .intro::first-
letter
b. .outro::first-move d. intro::first-
line
TRUE OR FALSE
_____ A combination of functionality and
visual appeal will make sure that both you
and your visitors get the most out of your
site.
_____ Visual appeal is what meets the
eye. It’s the colors, shapes, pictures, fonts,
white space, and overall visual balance of
a design.
_____ Bright colors are absolutely NOT
attention-getting. Most designers are
opting for simplicity when using color to
create depth and contrast.
_____ 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.
_____ ::first-line pseudo-element is used
to add a special style to the first letter of a
text.
_____ CSS pseudo-element is used to
style specified parts of an element.