Tuesday, December 15, 2009

Insert CSS

There are three ways to insert a style sheet:

1) External Style Sheet
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

2) Internal Style Sheet
<head>
<style type="text/css">
hr {color:sienna}
p {margin-left:20px}
body {background-image:url("images/back40.gif")}
</style>
</head>

3) Inline Styles
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>

If you have multiple style sheets, the Internal one overlaps the External one; whereas the Inline one overlaps the Internal one.

No comments:

Post a Comment