Read everything before doing anything.
The object of this assignment is to use external style sheets.
Download the file css_files.zip.
When you unzip it,
it will create a directory named css_files with several HTML files
and an image file.
Create a CSS file in the form lastname_firstname.css
(for example, Fred Bloggs will create a file named bloggs_fred.css) and
connect it to each of the HTML files. You may use either <link...>
or <style type="text/css">@import...</style>.
Other than connecting the style sheet and putting in your name and the correct date in the first comment in each file, you may not change any of the HTML in the files!
Your external style sheet should implement the following:
All text in the body of the document should be twelve point Arial, Helvetica, or sans-serif (specify all three so the browser may choose). If twelve point looks too large, you may use ten point instead.
The body has css_logo.png as its background image. The
image must not be repeated, and must be positioned at the top right
of the browser window. Do not move the image file to a different directory.
Level one headings should appear twice the normal font size.
The <div> with the id of navig
floats to the right side of the screen, has a width of 30%, and a three-pixel double
border with the color rgb(0,128,128). It must have a
padding of 0.25 em and a left margin of 0.5 em, and a background color of
rgb(240,255,255).
The <ul> must have a list-style-type: none
so that the bullets do not appear.
Elements with class thislink must appear in teal and be bold.
The <a> elements have no underline (this is done with the
text-decoration property) when the mouse is not over them.
When you hover over a link, it will be underlined.
<dt> elements appear in bold italic.
<dd> elements have a left and bottom margin of 1 em.
Items of class example will have a width of 50%, a left margin
of 1.5 em, a left padding of 0.25 em, and a background color of
rgb(245,245,245).
The <div> with the id footer has a
one pixel solid gray top border. The top padding and top margin are 0.25 em.
The text appears 80% normal size, and is centered.
One of the finished screens looks something like this (you may have a different font size).
Upload the entire css_files directory to your web site; it will be
in the public_html directory, not the
assignments directory!
