Open and edit the stylesheet you saved in step 12 to meet the following specifications:Set the background for the web page so that it has a colour with a:• blue component of d2• red component of 74• green component of abSet the font for styles h1, h2 and h3 so that the browser selects and displays the font Times CY.If this font is not available, the browser selects and displays the font Times New Roman. Ifneither of these fonts are available, the browser must display its default serif font. Set the text instyles h1, h2 and h3 to black.Set style h1 so the text is centre aligned with a 16-point font.Set style h2 so the text is fully justified with a 12-point font.Set style h3 so the text is left aligned with a 10-point font.Set each table margin individually to 5% of the width and height of the browser window.Set all table cell padding to 10 pixels.Set all table borders and gridlines to be:• visible• separated• solid• black• 1 pixel wide.Set the spaces between the borders of all table elements to 10 pixels.Correct and edit the comment at the start of the stylesheet to contain your name, centre numberand candidate number.Save this stylesheet in your j2231 folder.Take a screenshot to show the file name and all contents of your stylesheet and place this in yourEvidence Document. Make sure the file name and all contents are clearly visible.[27]EVIDENCE 2A screenshot of your stylesheet with the required information clearly visible.www.dynamicpapers.com
Question
Open and edit the stylesheet you saved in step 12 to meet the following specifications:Set the background for the web page so that it has a colour with a:• blue component of d2• red component of 74• green component of abSet the font for styles h1, h2 and h3 so that the browser selects and displays the font Times CY.If this font is not available, the browser selects and displays the font Times New Roman. Ifneither of these fonts are available, the browser must display its default serif font. Set the text instyles h1, h2 and h3 to black.Set style h1 so the text is centre aligned with a 16-point font.Set style h2 so the text is fully justified with a 12-point font.Set style h3 so the text is left aligned with a 10-point font.Set each table margin individually to 5% of the width and height of the browser window.Set all table cell padding to 10 pixels.Set all table borders and gridlines to be:• visible• separated• solid• black• 1 pixel wide.Set the spaces between the borders of all table elements to 10 pixels.Correct and edit the comment at the start of the stylesheet to contain your name, centre numberand candidate number.Save this stylesheet in your j2231 folder.Take a screenshot to show the file name and all contents of your stylesheet and place this in yourEvidence Document. Make sure the file name and all contents are clearly visible.[27]EVIDENCE 2A screenshot of your stylesheet with the required information clearly visible.www.dynamicpapers.com
Solution
Sure, here is the CSS code that meets the specifications you provided:
/*
Stylesheet edited by: Your Name
Centre Number: Your Centre Number
Candidate Number: Your Candidate Number
*/
body {
background-color: #74ABD2;
}
h1, h2, h3 {
color: black;
font-family: 'Times CY', 'Times New Roman', serif;
}
h1 {
text-align: center;
font-size: 16pt;
}
h2 {
text-align: justify;
font-size: 12pt;
}
h3 {
text-align: left;
font-size: 10pt;
}
table {
margin: 5%;
}
td, th {
padding: 10px;
border: 1px solid black;
}
table {
border-collapse: separate;
border-spacing: 10px;
}
Save this stylesheet in your j2231 folder. To take a screenshot, you can use the Print Screen key on your keyboard, or use a tool like Snipping Tool or Snip & Sketch if you're on Windows, or Shift-Command-4 if you're on a Mac. Paste the screenshot into your Evidence Document. Make sure the file name and all contents are clearly visible.
Similar Questions
You are creating a web page. In the heading element of the web page is the following code:<link rel=”stylesheet” href=”styles.css”><style> h2 { font-family: “Arial”; } h3 { font-family: “Calibri”; } </style>The code in the styles.css document is the following:h2 { font-family: “Times New Roman”; } .ad { font-family: “Courier-New”; }On the web page you have the following paragraph:<h2 id=”ad”>The best place to eat in town!<h2>What font will be used to display “The best place to eat in town!”?1 pointTimes New RomanArialCourier-NewCalibri
You are creating a web page. Some of the code is as follows:<p class =”short”>This is a short paragraph. </p> <p class = “long”>Once I’m done with short paragraphs I tend to move on to long paragraphs.</p> <h2 class=”long”>About Long Paragraphs</h2>You want to create one style rule that will change the font for the text “Once I’m done with short paragraphs I tend to move on to long paragraphs.” and the text “About Long Paragraphs”. Your rule should not affect the text “This is a short paragraph.”Which rule should you create?1 point#long { font-family: “Arial” }.long { font-family: “Arial” }h2.long { font-family: “Arial” }p.long { font-family: “Arial” }
Refer to the code snippet below:<head> <style> body { font-family: Arial; color: blue; } p { color: red; } .logo { font-family: Papyrus; color: green; } </style></head><body> <div id="header"> <span class="logo">Web Development</span> </div> <div id="body"> <p>This is the body of my page</p> </div></body>Which styles end up being applied to span and p elements?<span> - color: green, font-family: Papyrus<p> - color: red, font-family: Arial<span> - color: green, font-family: Arial<p> - color: red, font-family: Arial<span> - color: green, font-family: Arial<p> - color: red, font-family: Papyrus<span> - color: blue, font-family: Arial<p> - color: blue, font-family: Arial
How do you define font style of the text in HTML?a. <text style="Arial">b. <font style="Arial"></font>c. <text=Arial>d. <style="Arial">e. <style:"Arial">38.Tags and text that do not show directly on the page are placed in thea. Headb. Bodyc. Tablesd. Titlee. text39.What of the following is the file extension used for HTML file ?a. hmtb. htlmc. hmtld. doce. htm40.Besides <b>, another way to make text bold isa. <bold>b. <strong>c. <dark>d. <emp>e. <deep>41.To create a bulleted list use……..a. <ol>b. <il>c. <bullet>d. <ul>e. <th>42.To change the size of an image in HTML use …………a. pliersb. height and widthc. top and bottom
.Which values for font-family property is valid?a. Times New Roman, serifb. "Times New Roman", serifc. Times New Roman; serif;d. "Times New Roman"; "serif";
Upgrade your grade with Knowee
Get personalized homework help. Review tough concepts in more detail, or go deeper into your topic by exploring other relevant questions.