Fork me on GitHub

Miquel Camps Orteza
Soy programador web. Estoy especializado en desarrollo web (php, js). Estoy aprendiendo a desarrollar apps para iphone/ipad.
Organizo betabeers en Madrid.
Sobre mí     Metas     Hacks     Contactar     LinkedIn     Twitter    
Inicio

Estructura ideal para una hoja de estilos CSS
  1. Remplazar estilos base:
    empezando por elementos de fuera hacía dentro del body
    * {
    font-family:verdana;
    font-size:11px;
    }

    BODY {
    background:#E2EBF5;
    margin:0;
    }

    IMG {
    vertical-align:middle;
    }

  2. Atajos:
    .floatR {
    float:right;
    }

    .floatL {
    float:left;
    }

    .clear {
    clear:both;
    }

  3. Clases del layout ( del diseño ):
    • contenedor global
    • header
    • navegación
    • contenido
    • footer
  4. Por último el resto de clases:
    y si puede ser mejor agrupadas por bloques

    • /* formularios */
    • /* pestañas */
enero 5, 2009
Sigueme en twitter Suscribete por RSS Suscribete por email
Temas relacionados
Deja un comentario







Comentarios
  1. Chicoblog

    Sin dudas!

    Pero yo le agregaria un Reseteado de Css más algunas cosas que modificaste al resetear el Css =P!

    Saludos!
    @Responder

  2. dansekoko92

    El paso 4 siempre lo hago :) Es más fácil situarse en la hoja a la hora de editar!
    @Responder

  3. Francesc

    Justo estoy aprendiendo CSS :) , página marcada
    Saludos
    @Responder

  4. luigix

    Buenos consejos !
    @Responder

  5. rod750

    Hago justo eso inconscientemente, creo que es porque cuando aprendí css, imite el patrón que se seguía en los ejemplos :P

    @Responder