Scribd
Upload
39 views3 pages

CSS Part1 (QS)

This document provides instructions and sample HTML code for a poem called "Ozymandias" to practice applying CSS styling. It includes 10 questions asking to apply specific CSS properties to elements like the background, text colors, alignment, fonts, and more. The goal is to style the provided poem page by adding the corresponding CSS code.

Uploaded by

saurabhdubey8ballpool
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
39 views3 pages

CSS Part1 (QS)

This document provides instructions and sample HTML code for a poem called "Ozymandias" to practice applying CSS styling. It includes 10 questions asking to apply specific CSS properties to elements like the background, text colors, alignment, fonts, and more. The goal is to style the provided poem page by adding the corresponding CSS code.

Uploaded by

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

CSS (Part 1)

[email protected]
Practice Questions

We are going to write CSS for the following code :


(Please copy-paste or re-write this code in your HTML file)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,
initial-scale=1.0" />
<link rel="stylesheet" href="abc.css" />
<title>CCS Assignment-1</title>
</head>
<body>
<!-- Poem Name -->
<h1>Ozymandias</h1>
<!-- Poet's Name -->
<h3>by Percy Bysshe Shelley</h3>
<!-- Poem -->
<p>
I met a traveller from an antique land,<br />
Who said—“Two vast and trunkless legs of stone<br />
Stand in the desert. . . . Near them, on the sand,<br />
Half sunk a shattered visage lies, whose frown,<br />
And wrinkled lip, and sneer of cold command,<br />

[email protected]
Tell that its sculptor well those passions read<br />
Which yet survive, stamped on these lifeless things,<br />
The hand that mocked them, and the heart that fed;<br />
And on the pedestal, these words appear:<br />
My name is Ozymandias, King of Kings;<br />
Look on my Works, ye Mighty, and despair!<br />
Nothing beside remains. Round the decay<br />
Of that colossal Wreck, boundless and bare<br />
The lone and level sands stretch far away.”<br />
</p>
<hr />
<h4>
Read up more about the poem on
<a
href="https://en.wikipedia.org/wiki/Ozymandias">Wikipedia</a>
</h4>

<textarea placeholder="Leave your comments here


..."></textarea>
<br /><br />
<button>Comment</button>
</body>
</html>
Qs1. Set the background page to color “wheat”, by using an inline style.

[email protected]
Qs2. Change the color of the poem in the page to brown (use the hex code for color).

Qs3. Align all the headings & the poem to the center of the poge.

Qs4. Change the color of the poem to red & the poet’s name to black.

Qs5. Change the font of the entire document to the font - Georgia.

Qs6. Set the color of the Wikipedia link to green & remove its underline (use the rgb
value for color).

Qs7. Change the button background color to white & button text to blueviolet.

Qs8. What is the hex code for black color? Set the textarea font color to black.

Qs9. Set the poem’s line-height to 30px.

Qs10. Underline only the word Ozymandias inside the poem.

You might also like