When we wish to create a website with a uniform look, we can apply uniform formatting for all its webpages using an external style sheet. The procedure is to create a stand-alone style sheet and then link it to all the webpages. In this way, we do not need to format every webpage manually.
To create a stand-alone style sheet, you can use any text editor.
For example, you can create a style sheet such as this:
p { font-size: 14 pt; color: red}
li { color: blue}
ul{ text-decoration: green}
and save the document as style.css
Now, you can create a html document to link the above style sheet as shown in the example below:
<html>
<head>
<link rel=”stylesheet”, type=”text/css” href=”style.css”>
</head>
<body>
<p> I have written and published a few books for the past two years, the books are listed below</p>
<ul>
<li>Visual Basic 6 Made Easy</li>
<li>Excel VBA Made Easy</li>
<li>Visual Basi 2008 Made Easy</li>
<li>Online Business Made Easy</li>
</ul>
</body>
</html>
Save this document as exstyle.htm.
Click on the link below to see the output.
http://htmltutor.org/css/exstyle.htm
Blog this!- Bookmark on Delicious
- Digg this post
- Recommend on Facebook
- Share on FriendFeed
- Buzz it up
- Share on Linkedin
- Share via MySpace
- Share on Posterous
- Share with Stumblers
- Tumblr it
- Tweet about it
- Buzz it up
- Subscribe to the comments on this post
- Print for later
- Bookmark in Browser
- Tell a friend
