***I have the files needed to complete the remainder of the assingment. I just need help setting up the stylesheets.***Create two separate CSS stylesheets including the following steps: 1. Using your editor, open the ce_front_txt.html, ce_styles_txt.css, and ce_grids_txt.css files from the case2 folder below. Enteryour name and the date in the comment section of each file, and save them as ce_front.html, ce_styles.css, and ce_grids.cssrespectively.2. Go to the ce_front.html file in your editor. Within the document head, create links to the ce_styles.css and ce_grids.css stylesheet files. Take some time to study the structure of the document. Note that Richard has placed much of the documentcontent within a div element with the name container and that grid rows are marked with the row class and grid columns aremarked with the column size class where size indicates the width of the column. The content of the page consists almostentirely of images that Richard will link to pages in the Costume Expressions website later.3. Save your changes to the file and then go to the ce_grids.css file in your editor.4. Within the Grid Rows Styles section, create a style rule to set the width of each div element of the row class to 100% of itscontainer, displaying the row only when it's clear of floated content on both margins.5. Create a style rule to allow grid rows to expand around all of their floated content.6. Go to the Grid Columns Style section. Create a style rule to float every div element whose class name begins with column onthe left.7. Create style rules for div elements belonging to the following classes: column100, column50, column33, column67, column25,column75, column20, column40, column60, and column80 so that the width of each column is a percent equal to the sizevalue. For example, div elements belonging to the column100 class should have widths of 100%, column50 should havewidths of 50%, and so forth.8. Go to the Grid Spacing Styles section. Create a style rule to apply the Border Box model to the div elements belonging to thefollowing classes: container, row, classes that begin with column, cell, and a elements nested within div elements belonging tothe cell class.9. Save your changes to the ce_grids.css file and then go to the ce_styles.css file in your editor.10. Go to the Window and Body Styles section and create a style rule to set the background color of the browser window torgb(101, 101, 101).11. Create a style rule for the body element that: a) sets the background color to white, b) sets the default font to the stack:Verdana, Geneva, Arial, sans-serif, c) centers the page by setting the top/bottom margins to 20 pixels and the left/rightmargins to auto, and d) sets the width of the page body to 95% ranging from 320 pixels up to 960 pixels.12. Insert style rules to display all images in the document as blocks with widths of 100%.13. Insert a style rule to remove all underlining from hypertext links within navigation lists.14. Go to the Body Header Styles section. Richard wants you to format the links that are displayed in the header at the top of theweb page. To format the links, create a style rule that sets the background color of the body header to rgb(191, 68, 70) andsets the height to 40 pixels.15. Create a style that displays all list items within the navigation unordered list in the body header as blocks, floated on the left,with a right margin of 20 pixels and top/bottom padding of 10 pixels with left/right padding of 0 pixels.16. Create a style rule to set the font size of hypertext links within the body header navigation list to 0.9em with a color value ofrgb(51, 51, 51) for both visited and non-visited links. Change the text color to rgb(255, 211, 211) when the user hovers over oractivates those links.17.Go to the DIV Container Styles section. Richard wants you to add some additional spacing between the images and the edgeof the page body. To add this spacing, create a style rule that sets the right and bottom padding of the div element with the idcontainer to 8 pixels.18.For every a element within a div element belonging to the cell class, create a style rule to: a) display the hypertext link as ablock with a width of 100% and b) set the left and top padding to 8 pixels.19. Richard wants the page footer to be displayed in the bottom right corner of the web page. To place the footer in this position,go to the Windows and Body Styles section and set the position property of the body element to relative, then go to theFooter Styles section and create a style rule for the footer element to do the following: a) set the position property of thefooter to absolute with a right coordinate and bottom coordinate of 8 pixels, b) set the text of the footer to rgb(143, 33, 36), c)right-align the footer text, and d) set the font size to 2vmin so that the text resizes automatically with the width and/or heightof the browser window.20.Save your changes to the ce_styles.css file and then open the ce_front.html file in your browser. Verify that the layoutresembles that shown in the image below.

cw_home.html <!DOCTYPE html> <html> <head> <title>Cauli-Photo…

Answered: 1. Using your editor, open the…

7th Edition

ISBN:9780133594140

Author:James Kurose, Keith Ross

Publisher:James Kurose, Keith Ross

Chapter1: Computer Networks And The Internet

Section: Chapter Questions

Problem R1RQ: What is the difference between a host and an end system? List several different types of end...