CSS

[ web4noobz ]

Cascading Style Sheets are used to style your markup. All the visual presentation of your content should be done with CSS.

You can put CSS in the head of your document. But it’s most useful to put your CSS in an external style sheet, linked from you XHTML document. This allows you to control a whole website with a single style sheet. Style sheets are linked from the head of the document, like so:
<link rel="stylesheet" href="style.css" type="text/css" />

Tutorials:

HTML Dog: CSS Beginner’s Guide
An excellent place to start.

University of Texas: Learn CSS
A very thorough step-by-step overview.

New York Public Library CSS Style Guide
A very nice (although now slightly dated) overview of stylesheets.

BarelyFitz: Learn CSS Positioning in Ten Steps
Although the names of the ID’s in this tutorial are exactly what you’re not supposed to do (div-1, div-1a, div-1b), but the tutorial itself is a very good overview of positioning

w3schools: CSS Tutorial
From basic to advanced. Including bonus fun quizes and exams.

Reference:

leslie franke – CSS cheatsheet

Helpful:

IE NetRender
experience the horror of various versions of a broken browser choking on valid CSS

browsershots
test a range of browsers

w3schools: CSS Examples
Play with their CSS and HTML examples on the fly.

Format CSS
A re-formatting tool to clean up other people’s ugly code

Ten CSS tricks you may not know

70 expert ideas for better css coding
at Smashing Magazine


back to web4noobz

Comments are closed, but trackbacks and pingbacks are open.