Hands On Css Part I

Files: http://senduit.com/406ae4 Exemplos da aula de CSS.

Apresentadora: Dee Sadler

Esta aula passou pelos seguintes topicos de CSS:
menus
layouts
marginCollapse
roundedCorners
Dynamic Css

CSS BASICS:
slectors
cascading
Box
Best Practices

--------------------------------------------

SELECTORS EXAMPLE:

ID (#)
# only 1 Per Page (Muito Dificil)
Class (.)
. RepeatTableItem
Tags
body, p, a, ul, h1-h6
Advanced / Compound
ul li a, footer a

--------------------------------------------

Usar FireBug para melhorar o reuso do CSS e entender como o CSS esta sendo usado.

Principles:
-Layout
-Color
-Imagery
-Forms

Elastics Layout = based on ems
Liquid Layout = basedon % of your screen size
Hybrid = em for sidebar % for content wrappers

Extensao para o firefox : WebDeveloper

Best Practices:

• Avoid inline styling whenever possible
• Use consisstent semantic markup when possible (h1 must be the samo throught site)
  
• Module vs Content
• Avoid non-standard browser fonts
• Choose bling with caution = rounded corners, drop shadows, etc
• Never Use Times New Roman
• Floats - no not the ice cream kind (Hard to Control)

Floats: Horizontal, vertical, left, right

O resto foi fazendo o codigo CSS na pagina junto com ela.