Cascading Stylesheets 201: Green Belt

More on CSS Page Layout

Alternative Methods of CSS Positioning
Centering Blocks
Styling Lists
Redefining the Behaviour of Inline and Block Elements
Hiding and Revealing Blocks
Table Formatting in CSS
Styling Table Cell Borders
Page Layout with Table Display Properties

Cascade, Precedence, Specificity and Inheritance in CSS

Taking Control: Ensuring that CSS Rules Interact in the Way You Want
Combining Styles: Different Types, Origins, Importance, Specificity and Order
Examples: Combining Rules
Cascading and Cascade Order
Resolving Style Conflicts By Origin
Resolving Style Conflicts By Importance
Resolving Conflict By Selector Specificity
Resolving Conflict By Order
Non-CSS Presentational Hints
Property Inheritance

CSS Layers and Translucency

Different Forms of Layered Presentation in CSS
Layering with the z-index Property
Different Methods for Creating Translucency Effects
The CSS3 opacity Property
opacity Example
Fixed Attachment Backgrounds in Layers
background-attachment Example
Transparency and Semi-transparency with Alpha-Blended PNG
PNG Translucency Example and Sample Code
Pseudo-Transparency with JPG Positioned Backgrounds
JPG Pseudo Transparency Example

CSS3 on mobile devices

CSS3 media queries
Different Sizes
Orientation Change

Fonts & Text

Using Custom Fonts
@font property
Importing fonts
Web Font formats
Buying web fonts
TypeKit, fontsquirrel
Using google font api
Text shadows
Font sizing with REM
Enhanced Text Gradients

Enhancing your boxes

Box rounding
Adding a Shadow to objects
Opacity & Transparency
Colouring with RGB and Alpha
Adding a CSS3 Gradient
Rotating objects
Applying animations & transitions

Backward compatibility tools

CSS3Pie,
CSS3Please & Generators
Transformie, Modernizr
Selectivizr

Useful CSS Tips

Usage of CSS Sprites
Pseudo Selectors
CSS minify
Cheat Sheet for CSS3