You have been given a style sheet file containing severalerrors. Locate all of the errors and fix the file.
1. Go to the code2-4.html file and within thehead section insert link elements linking the page tothe code2-4_layout.css and code2-4.css files.Review the contents of the files.
2. Test the code2-4.css file in the CSSvalidator at the W3C website or with another validator of yourchoice. Make a note of the errors reported as a guide to debuggingthe page. There are six syntax errors in the CSS file. Fix all sixerrors you discover and then submit your work.
Last Step: View the page in your browser to verify that yourpage resembles Figure 2–57.
Files to be fixed:
code2-4.css
@charset "utf-8";
/*
New Perspectives on HTML5 and CSS3, 8th Edition
Tutorial 2
Coding Challenge 4
Author:
Date:
Filename: code2-4.css
*/
div {
background-color: rgb(255 171 171);
padding-size: 10px;
font-size: 1.2em;
}
aside {
background-color: rgb(209,227,107);
padding: 0 20px;
}
aside h1 {
font-size: 1.9em;
font: Segoe, Verdana, sans-serif;
line-height: 0.8em;
margin: 20px 0 0 0;
}
aside h2 {
margin-top: 5px;
font-family: Segoe, Verdana, sans-serif;
font-size: 1.2e;
}
aside p {
font-size: 1.1em;
text-ident: 1em;
}
aside p:first of type {
text-indent: 0em;
}
code2-4.html
<!doctype html>
<html lang="en">
<head>
<!--
New Perspectives on HTML5 and CSS3, 8th Edition
Tutorial 2
Coding Challenge 4
Author:
Date:
Filename: code2-4.html
-->
<meta charset="utf-8">
<title>Coding Challenge 2-4</title>
</head>
<body>
<header><img src="code2-4_img.png" alt="The Sci-FiControl Room" /></header>
<div>
<p>Welcome to the Sci-Fi Control Room</p>
<p>I started this blog in order to share my latest fictionwith my
readers and to post reviews and comments on the world of ScienceFiction
and Fantasy. From time to time, we'll have interviews withother
great authors in the Sci-Fi and Fantasy markets as well as giveyou
the inside scoop on upcoming conventions.</p>
<p>But this is also your forum to share your ideas andenthusiasm.
You can send me your comments and ideas; but please do NOT sendme your
fiction. I'm not a publisher and I will NOT read them. This isthe
Sci-Fi Control Room and I'm the one in control.</p>
</div>
<aside>
<h1>The Star Tunnel</h1>
<h2>by Kei Yang</h2>
<p>In her latest science-fiction novel, Yang explores theidea of
quantum tunneling and a machine built to instantly transport therider
to the end of the universe. Teleportation is an old sci-ficoncept and
one that I thought had been wrung dry. Yang has proven mewrong.
Reminiscent of the best of Niven's teleportation series storiesfrom
the 70's, Yang is concerned, not so much with the technology ofteleportation,
as much as its effect on society, morals, andreligion.</p>
<p>To be sure, this is not just philosophical trackmasquerading as a
SF novel (though Yang's always-fascinating philosophicalruminations are
here in abundance). Fans of hard-hitting action-packed SF willhave plenty
to entertain them and Yang pulls several rabbits out of her hatto
surprise any reader. I thought I knew all of the tricks of thetrade
and Yang's denouement surprised even me.</p>
<p>My only complaint is that the novel begins slowly witha bit too much
emphasis on the technobabble associated with teleportation. Whydo some
authors insist on turning whole chapters into a physics thesis?However
don't skip the second chapter or else you'll miss a hilariousmisadventure
involving two teleportation devices and a rather annoying cat.</p>
</aside>
</body>
</html>
You have been given a style sheet file containing several errors. Locate all of the errors and fix the file. 1. Go to th
-
- Site Admin
- Posts: 899603
- Joined: Mon Aug 02, 2021 8:13 am