View the step-by-step solution to:

In the sd_messier.html file, how to make links to the sd_base.css, sd_layout.css, and sd_effects.css style sheet files in the order listed. In the...

need help with:


 In the sd_messier.html file, how to make links to the sd_base.css, sd_layout.css, and sd_effects.css style sheet files in the order listed.

In the sd_effects.css file in your editor, how to make fixed background for the browser window. Within the HTML Styles section, insert a style rule for the html element to display the sd_back1.png file as the background image with a width of 100% covering the entire browser window. How to fix the background image fixed so that it does not scroll with the browser window.

Body styles need

•A background containing the night sky image, sd_back2.png

•A radial gradient circle with a size extending to the closest corner and placed at the coordinates (40%, 70%) containing the color white stopping at 15% of the gradient and the color value rgba(151, 151, 151, 0.5) stopping at 50%

•A radial gradient circle also extending to the closest corner and placed at (80%, 40%) containing the color white stopping at 15% and followed by the color rgba(0, 0, 0, 0) at 30%

•A radial gradient extending to the closest side and placed at (10%, 20%) containing the color white stopping at 20% and followed by the color rgba(0, 0, 0, 0) stopping at 45%

•A radial gradient with a size of 5% in the horizontal and vertical directions placed at (90%, 10%) with the color white stopping at 15% and followed by the color rgba(0, 0, 0, 0) stopping at 40%

•The background color rgb(151, 151, 151) set as a base for the preceding background image

Within the style rule for the page body, add styles to place box shadows on the left and right borders. Set the color of the first shadow to rgb(31, 31, 31) with horizontal and vertical offsets of 30 pixels and 0 pixels and a blur of 45 pixels. Set the second shadow equal to the first except that the horizontal offset should be -30 pixels.

Instructions

Complete the HTML Styles step described above.

Complete the Body Styles step described above.


In the Navigation List Styles section. How to format the hypertext links in the body header by adding a style rule for thebody > header a that adds a 5-pixel outset border with color value rgb(211, 211, 255).

then format the appearance of the article title. Go to the Section Left Styles section and make style rule for the h1 heading in the left section article that changes the text color to rgb(211, 211, 211) and adds a black text shadow with 0-pixel offsets and a blur size of 5 pixels.

 how to make style rule for this object that modifies the appearance of this image by applying the following filters:

•the drop-shadow filter with a horizontal offset of -15 pixels, a blur of 5 pixels, and a color of rgba(51, 51, 51, 0.9);

•a grayscale filter with a value of 0.7; and

•an opacity filter with a value of 0.6.

Andrew wants the Charles Messier image flipped horizontally. Add a style to transform the image by rotating it 180° around the y-axis.

Footer Styles

How to make style rule for the footer element that adds a 2-pixel solid border to the top edge of the footer with a color value of rgb(171, 171, 171).

need t the Navigation List Styles step described above, make the Section Left Styles step described above and make the Footer Styles step described above.

Recently Asked Questions

Why Join Course Hero?

Course Hero has all the homework and study help you need to succeed! We’ve got course-specific notes, study guides, and practice tests along with expert tutors.

-

Educational Resources
  • -

    Study Documents

    Find the best study resources around, tagged to your specific courses. Share your own to gain free Course Hero access.

    Browse Documents
  • -

    Question & Answers

    Get one-on-one homework help from our expert tutors—available online 24/7. Ask your own questions or browse existing Q&A threads. Satisfaction guaranteed!

    Ask a Question