Directions for css-

1. Open new NotePad and save as first.css
2. Type in the following code:
body {
background-color: #2C3FFF;
color : #FFFFFF;
}

hr {
color:sienna;
width:80%;
size:12 pt;

#sidebar {
width:50%; float:right;
font-family:helvetica; font-size:13pt;
font-weight:bold; text-align:justify;
background:orange; color:black;
border-style:outset; border-width:20px;
border-color:silver;
}

h3
{
color:red;
text-align:left;
font-size:8pt;
}

a
{
color:red;
}
For css use only curly braces as tags are for html

5. Empty body, paragraph, and header codes must be blank on html

6. First type body {

7. Next type background-color, followed by color code and semicolon ending the demand. Each line in CSS must end with a semicolon within each style tag.

8. Color codes are hexadecimal notions of six-digit numeric codes

9. After color code, type color: and any color you desire.

10.close body tag by ending }

11.Type h1 {. h1 stands for header 1

12.After h1, type font-family;verdana

font-size; 22px;

color ; white;

13. Open html website in Notepad

14. On your HTML website, type the following code within the <head> </head> section at the top of your page: <link rel="stylesheet" type="text/css" href="first.css" />

15. Save file as styles. css. You can name anything as long as it ends in .css. File save as. Save CSS in same folder as web page
16. '''<link rel="stylesheet" type="text/css" href="styles.css" media="all">'' Insert this code between <head> tags on HTML file to link both sheets. href="styles.css"-shows the location of style sheet.
































Project