
Grade 10: 3rd Periodic Exam
Quiz by Donnalyn Mercado
Tag the questions with any skills you have. Your dashboard will track each student's mastery of each skill.
Which tool describes how HTML elements are to be displayed on screen, paper, or in other media?
Which of the following is one of the capabilities of Cascading Style Sheet?
Which type of CSS is used for isolated changes to a headline, paragraph, picture, or other element?
If you want to create a document-wide style rule, what type of CSS will you use?
The sample code < p style=”background-color: yellow;” > < /p > uses what type of CSS?
If you want to save your stylesheet, what should be its file extension name?
What is the default value for the rel attribute of < link >Â element?
In what part of the HTML document should the link to external CSS be placed?
To provides the path to the stylesheet to be linked, what attribute of the link tag should be used?
Ana is creating a 3-page website, she wants a style sheet that is applicable to all the pages. Which of the following types of CSS should she use?
Ben is tasked to create a webpage, he used embedded stylesheet to apply the styles in the whole document. However, one of the paragraphs needs to be modified in term of font type. How will he be able to do that?
Which property allows you to control how an element is displayed?
Which selector is a style applied to one element in a page.
If you want to modify the color a specific link when it is clicked, what pseudo-class will you use?
You are going to create a webpage where elements should be placed inside a container to position it properly. What tag will you use?
What is missing in the given code? #para3 {text-align:left; color:black; }
< p ____=”para3” >………< /p >
What symbol should precede a pseudo-class?
Which CSS element begins a new line after the end of another paragraph?
What will be the value of the display property if you want to display the items as enumerated list?
When you want to emphasize words or sentence within a paragraph, what tag will you use?
What is missing in the given code?

If you are to make a code for a tooltip when the viewer mouse over to a div, what is missing in the given code?

Which of the following properties that affect the font that is applied to the text, affecting what font is applied, how big it is, whether it is bold, italic, etc.
Write the appropriate value for this chunk of code { font-family: _______; }
Write the appropriate property for this chunk of code { __________: small caps; }
Write the appropriate property for this chunk of code { ______________: super; }
Which property sets the weight (or boldness) of the font?
If you want to create a dynamic or computed font size, what unit of value should you use?
Mary wants to set a line over a text, what will be the correct property and value to use?
If you want to set the text that is aligned on both sides, what will be the correct code?
How are you going to write the shorthand code for border style of solid on left, dashed on top, solid on the right and dotted at the bottom?
Which list property allows you to control the shape or appearance of the marker?
Complete the given chunk of code: p { font-family: Arial, Verdana, ___________}
What do you call the box that wraps around every HTML element?
A term used to describe what is/are inside a box. It may be an image or a text.
Which of the following clears an area outside of a border?
Which of the following is a way for an element to automatically clear its child elements, so that you don't need to add additional markup?
What is the best way to clear an area around the content.
What background property indicates if the background image is to be tied up all throughout, repeatedly horizontally, vertically or will not be repeated nor tied up?
What background property allows you to control how the background scrolls with the page?
If you want to control where a specified block element will be located or placed on the page and where the other elements will be positioned in relation to the said block, what property will you use?
When no floating elements allowed on either the left or the right side, what value of the clear property will you use?
When you want to position an element according to the normal flow of the page, which declaration is correct?
An element with the following padding: 10px on bottom, 20px on left, 20px on top and 10px on right. What is the proper way of writing the shorthand padding property?
What term refers to a method in which pictures are manipulated to appear as moving images?
Which of the following is made up of an encapsulated set of CSS style rules that describe how the property values change over time?
Which animation property sets which values are applied before/after the animation?
Nilo is adding animation to his homepage. He needs to specify how long time an animation should take to complete one cycle. What animation property should he write?
Which of the following value is appropriate animation-iteration-count?
Complete the chunk of code for an animation declaration. .element { _________:alternate-reverse;}