Steps:
1:Create new html file and copy link.html code and save it as link.html.
2.Create new css file and copy external.css code and save it as external.css.
3.link.html will connect css externally.
4.Run link.html to get output.
link.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="external.css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CSS</title> </head> <body> <h3 align="center">External css</h3> <p>This page uses external CSS.</p> <p>p.first class code</p> </body> </html>
external.css:
body{ background-color:#00CCCC;}
p { color:#FFFFFF;
}
h3{ color:#000000;
text-decoration:underline;
text-transform:uppercase;
}
p.first{
color:#33FFCC;
}
output:
External css
This page uses external CSS.
p.first class code