External Css ~ Html Tricks & Tips

Saturday 6 July 2013

External Css

20:46 4 comments

   Web Page Code
<!DOCTYPE html>
<html>
<head>
<title>Free Software Downloads</title>
<link rel="stylesheet" type="text/css" href="myhead.css"
</head>
<body>
<h1>SandeepIndeevaram</h1>
<p>Sandeep Menon Is A Blogger</p>
</body>
</html>

Look At The Red Color Marked Tag( look at the entire tag -link. this webpage is know linked with myhead.css at the same location.Now look myhead.css

   MyHead.css (css file)
body
{background-color:green;}
h1
{color:pink; font-family:"times new roman";}
p
{color:blue; font-family:"Arial";}

Now You Understand how to add a css file to a html file & to create a css file

Thank You