Scribd
Upload
290 views3 pages

ICT 9 Q4 C1 Activity

The document contains an activity assessing knowledge of CSS concepts like selectors and properties to style HTML elements, with multiple choice and fill-in-the-blank questions. Questions cover topics like using element, ID, class and universal selectors to style elements, applying styles via internal, external and inline CSS, and linking CSS to HTML. Answers are provided in code snippets showing how to apply CSS rules to select and style different elements.

Uploaded by

Raymond Puno
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
290 views3 pages

ICT 9 Q4 C1 Activity

The document contains an activity assessing knowledge of CSS concepts like selectors and properties to style HTML elements, with multiple choice and fill-in-the-blank questions. Questions cover topics like using element, ID, class and universal selectors to style elements, applying styles via internal, external and inline CSS, and linking CSS to HTML. Answers are provided in code snippets showing how to apply CSS rules to select and style different elements.

Uploaded by

Raymond Puno
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/ 3

Name: Score:

Section Date: 04/22/2021


:
4th Quarter – ICT 9
CSS – Chapter 1
Activity 1. Matching type
Direction. Choose the letter of the correct answer. Type your answer on the space
provided.
1. It describes how HTML elements are to be displayed on screen, paper, or in
other media.
a. HTML
b. CSS
c. Web Page
d. Internet
2. External stylesheets are stored in _________ files
a. CSS
b. HTML
c. DOC
d. PPT
3. In the CSS Syntax, it points to the HTML element you want to style.
a. Declaration
b. Style
c. Semicolon
d. Selector
4. This selector selects HTML elements based on the element name.
a. Element selector
b. ID selector
c. Class selector
d. Universal selector
5. What do you need to type in the selector if you want to select elements with an
id?
a. .
b. *
c. ;
d. #
6. Can an element refer to more than one class?
a. Yes
b. No
7. What is the symbol of universal selector?
a. *
b. ;
c. “
d. #
8. What is the element to link your CSS file to your HTML file?
a. <head>
b. <style>
c. <link>
d. <css>
9. It may be used if one single HTML page has a unique style.
a. External CSS
b. Internal CSS
c. Inline CSS
10. It may be used to apply a unique style for a single element.
a. External CSS
b. Internal CSS
c. Inline CSS

Activity 2. Fill in
Direction. Based on the statement for each number, code the missing lines.

Please make your answer in bold font.

1. Change the color of all <p> elements to "red".


<!DOCTYPE html>
<html>
<head>
<style>

</style>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>
</html>

2. Change the color of the element with id="para1", to "red".


<!DOCTYPE html>
<html>
<head>
<style>

</style>
</head>
<body>

<h1>This is a Heading</h1>
<p id="para1">This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>
</html>

3. Change the color of all elements with the class "colortext", to "red".
<!DOCTYPE html>
<html>
<head>
<style>

</style>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p class="colortext">This is another paragraph.</p>
<p class="colortext">This is also a paragraph.</p>

</body>
</html>

4. Change the color of all <p> and <h1> elements, to "red". Group the selectors to
minimize code.
<!DOCTYPE html>
<html>
<head>
<style>

</style>
</head>
<body>

<h1>This is a heading</h1>
<h2>This is a smaller heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>
</html>

You might also like