Chapter 4 43 Specifications . Create the external style sheet for the home page from the main.css file that's in the styles folder. This file is currently blank. Set the default font for the document to a sans-serif font. Adjust the font sizes for all of the headings so they look as shown above. Format the links in the section so they 're displayed in maroon whether or not they've been visited. If a link has the focus or the mouse is hovering over it, though, it should be displayed in steelblue. - . . .Format the links in the aside so they're displayed in boldfaced steelblue whether or not they've been visited. If a link has the focus or the mouse is hovering over it, though, it should be displayed in maroon. .In the header, float the image to the left and indent both headings. In addition, change the color of the first heading to steelblue, italicize it, and add a steelblue Format the list to increase the space Reduce the font size for the footer and center it between the list items. .Link the main style sheet that you just created as well as the normalize style sheet that's in the styles folder to the home page

Chapter 4 43 Specifications . Create the external style sheet for the home page from the main.css file that's in the styles folder. This file is currently blank. Set the default font for the document to a sans-serif font. Adjust the font sizes for all of the headings so they look as shown above. Format the links in the section so they 're displayed in maroon whether or not they've been visited. If a link has the focus or the mouse is hovering over it, though, it should be displayed in steelblue. - . . .Format the links in the aside so they're displayed in boldfaced steelblue whether or not they've been visited. If a link has the focus or the mouse is hovering over it, though, it should be displayed in maroon. .In the header, float the image to the left and indent both headings. In addition, change the color of the first heading to steelblue, italicize it, and add a steelblue Format the list to increase the space Reduce the font size for the footer and center it between the list items. .Link the main style sheet that you just created as well as the normalize style sheet that's in the styles folder to the home page

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter8: Enhancing A Website With Multimedia: Working With Sound, Video, And Animation

Section: Chapter Questions

Problem 15RA

See similar textbooks

Similar questions

Edit the CSS file (leave a blank line between selectors): Add a BODY selector with a background color of #c2d4d4. Set an IMG selector with a max width of 98% and a top margin of 0.5em. Set a HEADER selector with a top margin of 0.2em and set the text to align to the center. Set a H1 selector with a bottom margin of 0.5em and set the font to sans-serif. Set a H2 selector with a bottom margin of 0.5em. Set a NAV selector with the font to sans-serif, a font size of 1.1em, set the font weight to bold, and set the text to align to the center. Set the NAV UL with padding of 0, top and bottom margins to 0.5em. Edit the NAV LI selector with a background color of #678197 and set the list items to display without bullets. Make a class called CENTER and set the bottom margin to 0.3em, the left and right margins to auto. Set a class called MOBILE with a display of inline. Set a class of DESKTOP with a display of none. Set a class of TABLET to display of none. Set a class called PHOTOS with a…
Create another new text file and write the following codes. <html> <head> <link rel="stylesheet" type="text/css" href="test.css" /> </head> <body> <h3> A White Header </h3> <p> This paragraph has a blue font. The background color of this page is gray because we changed it with CSS! </p> </body> </html> Save this file with name MyExternalCSSdemo.html (Run and see the effect.) Create a new folder name – Tutorial -5 Create a two text file inside this folder and name – Tutorial -5.txt for HTML page and ExternalCSS.txt for CSS file Open Tutorial -5.txt as a sublime text (by right click on it) Following tasks to be completed to develop a web page using external CSS. 1. Create an External CSS which should have background colour ‘white’, Header H1 colour ‘black’ and paragraph colour ‘Red’ 2. Web page should have…
need help with this. i attached the image how it should look. 1 . Include the defer attribute to defer loading the file until the entire page is loaded. Study the contents of the HTML file, noting that all checkboxes for the menu items belong to the menuItems Save your changes to the file. 2. Go to the project03-01.js file in your code editor. Below the initial comment section, declare a variable named menuItems containing the collection of HTML elements belonging to the menuItem class using the getElementsByClassName() 3.Create a for loop that loops through the contents of the menuItems collection with a counter variable that starts with an initial value of 0 up to a value less than the length of the menuItems collection. Increase the counter by 1 with each iteration. Within the for loop, add an event listener to the menuItems[i] element in the collection (where i is the value of the counter), running the calcTotal() function when that item is clicked. 4. Create the calcTotal()…
Choose a CSS external style sheet file to validate; perhaps you have created one for your own website. Otherwise, use an external style sheet file that you worked with in this chapter. Use the W3C CSS validator at http://jigsaw.w3.org/css-validator. If your CSS does not immediately pass the validation test, modify it and test again. Repeat this process until the W3C validates your CSS code. Write a one- or two-paragraph summary about the validation process that answers the following questions: Was the CSS validator easy to use? Did anything surprise you? Did you encounter a number of errors or just a few? How easy was it to determine how to correct the CSS file? Would you recommend the validator to other students? Why or why not?
Add embedded CSS code to this html file so that the display changes as the following picture : <html><head><title>Centered Fixed 3-Column Layout</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <style> </style> </head><body><div id="wrapper"> <header><h1>Using CSS for Page Layouts</h1></header><nav><h2>Learn More</h2><p><a href="url">Topics</a></p><p><a href="url">Authors</a></p><p><a href="url">Videos</a></p><p><a href="url">Gallery</a></p><p><a href="url">Explore</a></p></nav> <article><h2 class="title">Article Title</h2><p class="copy">Video provides a powerful way to help you prove your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also type a…
Open index.html in your browser to view the file. Add the text, CH 5 Extend Your Knowledge, to the title element. Open the styles.css file and locate the "sticky” comment and create a style rule for the sticky class selector with the following rules: Add a declaration for the position property with a value of -webkit-sticky. Add a declaration for the position property with a value of sticky. Add a declaration for the top property and specify a 0 value. Refresh your page, and scroll down to view the changes. In the index.html file, use the empty paragraph element within the sticky div element to briefly explain how to use the sticky position. In the styles.css file, locate the “relative” comment and create a style rule for the relative class selector with the following declarations: Add a declaration for the position property with a value of relative. Add another declaration for the top property and specify a value of 90px. Add another declaration for the left property…