CSS
-which means Cascade Style Sheet, that give a good design for your website.
Here are the three parts of CSS.
1. External Sheet- An external style sheet is ideal when the style is applied to many pages. 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:
Here the example of External:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
An external style sheet can be written in any text editor. The file should not contain any html tags. Your style sheet should be saved with a .css extension. An example of a style sheet file is shown below:
hr {color:arial;}
p {margin-left:30px;}
body {background-image:url("images/images.gif");}
After that save as, Don't forget to add in your title .CSS, because its a important. Example to save your title "layout.css".
2. Internal 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 page, by using the <style> tag, like this:
Here are the example of Internal:
<head>
<style type="text/css">
hr {color:arial;}
p {margin-left:30px;}
body {background-image:url("images/images.gif");}
</style>
</head>
3. Inline Style-An inline style loses many of the advantages of style sheets by mixing content with presentation. Use this method sparingly!
To use inline styles you use the style attribute in the relevant tag. The style attribute can contain any CSS property. The example shows how to change the color and the left margin of a paragraph:
Here are the Example of Inline:
<p style="color:sienna;margin-left:300px">This is a paragraph.</p>
No comments:
Post a Comment