External css
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
No comments yet.
Leave a comment
Search
Blogroll
- Copywriting blog Searchenginegenie’s official copywriting blog
- Linkbuilding blog Searchenginegenie’s official link building blog – tips and tricks
- PPC Blog Searchenginegenie’s official PPC blog – Pay per clicks
- Programming Blog Searchenginegenie’s official programming blog
- SEO Blog Searchenginegenie’s official SEO blog
- SEO News Searchenginegenie’s official news on internet and SEO
- Web Design blog Searchenginegenie’s official web designing blog
- What's Hot @ SEG Most recent whacky happenings @ SEG
