CSS

Develop a CSS file, css1.css, such that the display of the file css1.html will look like the document shown in the below image.

css1.html code:

Assignment

• Home
• Local
• Google
• Contact Me

• Padding = 5px
• Border = 1px

Comerica Park, Tigers Stadium

Page Specifications are as follows:

• The h1 tag is default font with maroon color, lightyellow background, and a 3px border with 0px margin.

The nav tag uses sunset.jpg as background image, has a 2px, solid, maroon border. The li items within nav tag are displayed inline, use a fantasy boldface font, and are white colored. Hovering over the list items makes them turn red. Otherwise, the hyperlinks do not have a text decoration, and have a left and right padding of 20px, and a top and bottom padding of 5px.

The elements of class main use lightyellowbackground, and a 3px, solid, maroon border.

The elements of class left_column is floating to the left, occupies 20% of the width, has a maximum width of 150px and a minimum width of 75px. The left column list items also use a boldface fantasy font with a margin of 3px.

The elements of class content are floating to the right, and use a background with web-safe color of #eee. It is allocated 80% width.

The figure element is floating to the right, uses a lightyellow background with a 10pt margin and 3pt padding all around. Any text within this block is centered.

All articles usea sans-serif, 14pt font. The article element has padding of 15pt, and uses a 1px solid back bottom border.

The footer spans the entire width of its container, has a 1px solid black border on a lightyellow background. The text is centered and italicized.

Consectetuer arcu ipsum ornare pellentesque vehicula, in vehicula diam, ornare magna erat felis wisi a risus. Justo fermentum id. Malesuada eleifend, tortor molestie, a vel et. Mauris at suspendisse, neque aliquam faucibus adipiscing vivamus in. Wisi mattis leo suscipit nec amet, nisl fermentum tempor ac a, augue in eleifend in.

Consectetuer arcu ipsum ornare pellentesque vehicula, in vehicula diam, ornare magna erat felis wisi a risus. Justo fermentum id. Malesuada eleifend, tortor molestie, a vel et. Mauris at suspendisse, neque aliquam faucibus adipiscing vivamus in. Wisi mattis leo suscipit nec amet, nisl fermentum tempor ac a, augue in eleifend in.

Web Assignment

Local is being Assignment Home Contact Me Padding 5px Page Specifications are as follows: Border 1 The h1 tag is default font with maroon color, lightyellow background, and a 3px border with 0px margin The nav tag uses sunset.jpg as background image, h a 2px, solid, maroon border. The li items within nav tag are displayed inline, use a fantasy boldface font, and are white colored. Hovering over the list items makes them turn red Otherwise, the hyperlinks do not have a text decoration, and have a left and right padding of 20px, and a top and bottom padding of 5px Comerica Park, Tigers Stadium The elements of class main use lightyellowbackground, and a 3px, solid, maroon border. The elements of class left column is floating to the left, occupies 20% of the width, has a maximum width of 150px and a minimum width of 75px. The left column list items also use a boldface fantasy font with a margin of 3px The elements of class content are floating to the right, and use a background with web-safe color of Heee. It is allocated 80% width. The figure element is floating to the right, uses a lightyellow background with a 10pt margin and 3pt padding all around. Any text within this block is centered. All articles usea sans-serif, 14pt font. The article element has padding of 15pt, and uses a 1px solid back bottom border. The footer spans the entire width of its container, has a 1px solid black border on a lightyellow background. The text is centered and italicized. Consectetuer arcu ipsum ornare pellentesque vehicula, in vehicula diam, ornare magna erat felis wisi a risus. Justo fermentum id. Malesuada eleifend, tortor molestie, a vel et. Mauris at suspendisse, neque aliquam faucibus adipiscing vivamus in. Wisi mattis leo suscipit nec amet, nisl fermentum tempor ac a, augue in eleifend in Consectetuer arcu ipsum ornare pellentesque vehicula, in vehicula diam, ornare magna erat felis wisi a risus. Justo fermentum id. Malesuada eleifend, tortor molestie, a vel et. Mauris at suspendisse, neque aliquam faucibus adipiscing vivamus in. Wisi mattis leo suscipit nec amet, nisl fermentum tempor ac a, augue in eleifend in Web Assignment