How To Insert CSS
How to CSS
When a website open a browser.The browser reads three style sheet in this site.
The Three Ways To Insert CSS
1. The Internal Style Sheet
2. The Extarnal Style Sheet
3. Inline Style Sheet
1. The Internal Style Sheet
An internal style sheet should be used when a single
document has a unique style. You define internal styles in the head section of
an HTML Docoment, by using the <style> tag, like this Style code…..
<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
2. the Extarnal Style Sheet
An external style sheet is ideal when the style is applied
to many pages on html document. With an external style sheet, you can change
the look of an entire Web site by changing one file. Each page must link to the
style sheet using the <link> tag. The <link> tag goes inside the
head section. Like this code….
<head>
<link rel="stylesheet" type="text/css" href="akashlove.css">
</head>
<link rel="stylesheet" type="text/css" href="akashlove.css">
</head>
3.Inline Style Sheet
The style attribute can contain any CSS property. The example shows how to change the color and the left margin of a paragraph... Like This Code.
<p style="color:sienna;margin-left:20px">Welcome to akashlove.</p>
Multiple Styles With Cascet Into One
1. Inside The Extarnal CSS File.
2. Inside Html Elements
3. Inside The Head Of Html Page.
To Learn more Css,Pls See The Next Post..The tutorial posted by webtutorial4.