Difference between revisions of "CSS Primer"

From Dreamwidth Notes
Jump to: navigation, search
m
Line 8: Line 8:
  
 
This is a summary on the types of units available when you're trying to say what size something is: [http://www.w3schools.com/css/css_units.asp CSS Units]
 
This is a summary on the types of units available when you're trying to say what size something is: [http://www.w3schools.com/css/css_units.asp CSS Units]
 +
 +
== Reset ==
 +
 +
A lot of the time you want to "reset" browser defaults to the same, so that there will be less variation from browser to browser and your rules will be more robust.
 +
 +
* [http://meyerweb.com/eric/tools/css/reset/ Meyer's Reset CSS]
  
 
== Dimensions ==
 
== Dimensions ==

Revision as of 00:15, 24 April 2011

You might also want to look at the HTML Primer. This is not a complete list of CSS rules and effects--it's mostly organized links to better references.

CSS Basics

CSS Cascade -- a slideshow that explains how the browser decides which rules to apply.

Use this tutorial to get a good handle on CSS selectors: Selectutorial: CSS selectors.

This is a summary on the types of units available when you're trying to say what size something is: CSS Units

Reset

A lot of the time you want to "reset" browser defaults to the same, so that there will be less variation from browser to browser and your rules will be more robust.

Dimensions

Margins and Padding

Font and Text

Backgrounds

These properties

Modern browsers support multiple background image declarations:

Borders

Positioning

Absolute, Relative, Fixed

Floats

References

Lists

Tables

References


Block versus inline display

  • display -- You can make a span display like a block element, or a div display like an inline element, with this rule.

References

  • CSS3 Litmus -- which browsers support what CSS3 attributes (note: does not include FF4)