|
July 26, 1998
Core Style Sheets
W3C
offers what they are calling
Core Styles,
designed and implemented by Todd Fahrner with help from
colleagues at
Verso. The Core Style
Sheets are a fast and easy way for the beginner to get their
feet wet and begin learning how to use Style Sheets.
The actual concept is Shared Style Sheets, but through the
use of the Core Style Sheets you will be able to view the different
affects each rule has on your page. It is also an excellent way
to learn proper structuring of rules and declarations.
Easy to Use
The Core Styles are easy to use in that all you have to do is link
to them in the header of your document. The work of creating the
Style Sheet has already been done for you.
<HTML>
<HEAD>
<TITLE>Document title</TITLE>
<LINK REL = stylesheet
href = "http://www.w3.org/StyleSheets/Core/Modernist"
type = "text/css"
>
</head>
Eight styles are available, ranging from the clean fresh look of
"Swiss" to the modernistic "Ultramarine". This page is using the
"Midnight" Core Style Sheet.
See the Difference
You can begin to see the benefits of Style Sheets and the ease with
which you can create super looking pages with a minimal amount of
markup in your document. Take a look at the source code for this
page and then view the page
without
style sheets.
Quite a difference, eh? Now
check
out this page with the Modernist
Core Style Sheet. Quick and easy, change your Core Style and you can
alter the look of your entire site!
Be aware that the Core Style Sheets require valid HTML.
Invalid HTML may lead to unexpected results.
Avoid the use of presentational
markup and the use of Tables for layout.
Have I got your interest yet? Are you getting excited about the
possibilities of CSS? Before long you'll be wanting to make
changes, do your own thing... create your own styles! Might as
well get started. CSS2 is just coming into it's own, but with the
fast pace of developments on the Web, we'll be moving on to new and
exciting things before you know it.
Putting Style Sheets in Perspective: Part 2 Summary
Putting Style Sheets in Perspective: Table of Contents
|
