Cascading Style Sheets
|
Style Sheets allow you to control the rendering — e.g. fonts, colors,
leading, margins, typefaces, and other aspects of style — of a Web
document without compromising its structure. Cascading Style Sheets (CSS)
are a simple style sheet mechanism that allows authors and readers to
attach style to Web pages. It uses common desktop publishing terminology
which should make it easy for professional as well as untrained designers
to make use of its features. Visual design issues, such as page layout, can
thus be addressed separately from the Web page logical structure.
One of the main purposes of CSS is to separate the content from the
document's structure. CSS is used to style the content of the document
while HTML/XHTML/XML is used to build the structure. That way, once the
document is "built", any changes to the look of the page can be made in the
style sheets. The changes are made once and then take effect throughout the
entire site. This makes the site much easier to maintain and, if necessary,
change a small part of it or its entire format.
The concept of style sheets is actually quite simple. You take an element
(h1, ul, img), apply attributes to
it in the style sheet, and then just use the element in the HTML document.
All of its formatting and other aspects are detailed in the style
sheet.
However, it's not all that easy though. Its when we get into layouts,
floats, margins, and other different formatting techniques that CSS begins
to get a little complicated. But that's where we at the WDVL come it.
Below we have presented many tutorials that will help you understand the
more advanced aspects of CSS, as well as the basics. Check them out and
then go create some dynamite Web pages.
|
Designing CSS Web Pages - Part 2
The ability to use of Cascading Style Sheets (CSS) is fast becoming a
vital tool in the web professional's toolkit. But understanding how to
use CSS is not intuitive--it requires a new way of thinking when it
comes to building web pages. Learn about structured markup and why
~you~ might be an HTML Terrorist.
Designing CSS Web Pages
The ability to use of Cascading Style Sheets (CSS) is fast becoming a
vital tool in the web professional's toolkit. But understanding how to
use CSS is not intuitive--it requires a new way of thinking when it
comes to building web pages. Learn how to build pages by using
relative design techniques: understanding the relationship within the
dynamic space of the web rather than the fixed-design "old-school"
notions that have been in use for so long.
Eric Meyer on CSS: Mastering the Language of Web Design - Part 2
Eric Meyer provides a hands-on approach and practical examples to
teach readers how to solve the problems they face in designing with
CSS. The final installment covers alterint the main-text links, a
press release, and a touch of cleanup. From New Riders.
Eric Meyer on CSS: Mastering the Language of Web Design
Eric Meyer provides a hands-on approach and practical examples to
teach readers how to solve the problems they face in designing with
CSS. The Chapter 4 excerpt explores ways to creatively style
hyperlinks and see how to base their styles on various link
states.
Toss out your Tables! CSS is the scene!
Simply stated, using CSS for page layout is — once you get the
hang of it — much more powerful and much simpler than using
tables.
Style Sheets
Style Sheets act as a "template" that can control the layout and
design of your pages. They work separate from your HTML, giving you
easier maintainability.
Introduction to Style Sheets
This page introduces the basic concepts of cascading style sheets, and
links to examples and resources.
A Brief Tutorial
This page shows you the basic mechanisms of style sheets:
Putting Style Sheets in Perspective
by Linda Cole. Coupled with HTML, Style Sheets will change the way you
think about the web. You will add style and color, position objects
precisely, and control the look of the website all from a single file.
There are several help websites pertaining to Style Sheets, but few
explain how to 'put it all together' and make it work with your HTML.
The object of this series will be to do just that. The first of the
series will be a basic introduction to get you started with Style
Sheets; subsequent articles will look at the different properties in
more detail.
Benefits of Cascading Style Sheets
Style sheets allow you to control the rendering, e.g. fonts, colors,
leading, margins, typefaces, and other aspects of style, of a Web
document without compromising its structure.
Cascading Style Sheets - Designing for the Web
Cascading Style Sheets, developed by Håkon Wium Lie and Bert Bos of
the World Wide Web Consortium, offer a powerful and manageable way for
authors, artists, and typographers to create much-requested visual
effects that will put aesthetics to the forefront of the Web. This
book provides a comprehensive guide to Cascading Style Sheets.
Linking Styles to Documents
Yes, there is more than one way to use CSS. This tutorial shows you
the ways you can do it!
WDVL's Default Style Sheet
Take a look at the default style sheet for the WDVL.
Web Design - More Than Meets The Eye
Find out what goes into the design of a site that uses CSS.
Further Resources
If you're still looking for CSS resources, look no further!
CSS Examples
This page shows you how and why you should be using CSS, with plenty
of examples to stir your creative juices!
The Style Attribute and CSS Declarations - The Human Factor
If you're into the Web authoring business, one of your primary
concerns is how to make your Web pages look good and attract readers.
This can be accomplished through CSS.
How do I Select Thee, Let Me Count the Ways
WebReference delves a bit deeper into the subject of CSS and examine
some more complex CSS selector syntax, as well as looks at the general
syntax of CSS and the reason Cascading Style Sheets, well,
cascade...
WebDeveloper.com's Guide to Cascading Style Sheets
The knowledge of Cascading Style Sheets greatly facilitates the use of
Dynamic HTML, and many of WD's readers asked for more info on CSS to
help them get started, so here it is!
The CSS Styles
If you're considering using XML in the future, find out what CSS has
to do with it all!
|
