Linked Style
style.css
body
{
background-image:url(wfall.gif);
background-repeat:repeat;
font-style:italic;
font-family:Arial
}
<Html>
<head>
<link href=”style.css” type=”text/css” rel=”stylesheet" >
<title>linkedstyle</title>
</head>
<body>
<h1 style="font-family:monotype corsiva;color:brown;font-size:240%;font-weight:bold">hi welcome to CSE department</h1></body>
</Html>
=========================================
Embedded Style
<Html>
<head>
<style>
body
{
background-image:url(wfall.gif);
background-repeat:repeat;
font-style:italic;
font-family:Arial
}
</style>
<title>embedded style</title>
</head>
<body>
<h1 style="font-family:monotype corsiva;color:brown;font-size:240%;font-weight:bold">hi welcome to CSE department</h1>
</body>
</Html>
===================================
Inline Style
<Html>
<head>
<tilte>inline style</title>
</head>
<body style=”backgroungd-image:url(wfall.gif);background-repeat:rereat;font-style:italic;font-family=”Arial”>
<h1 style="font-family:monotype corsiva;color:brown;font-size:240%;font-weight:bold">hi welcome to CSE department</h1>
</body>
</Html>
No comments:
Post a Comment