Tuesday, February 11, 2014

css attribute coding convention

define outside attributes then inner ones last.

margin / border / background / padding / height × width

{
    display: ;    /* Where and how the box is placed */
    position: ;
    float: ;
    clear: ;

    visibility: ; /* Can the box be seen? */
    opacity: ;
    z-index: ;

    margin: ;     /* Layers of the box model */
    outline: ;
    border: ;
    background: ;
    padding: ;

    width: ;      /* Content dimensions and scrollbars */
    height: ;
    overflow: ;

    color: ;      /* Text */
    text: ;
    font: ;
}

http://rhodesmill.org/brandon/2011/concentric-css/

No comments:

Post a Comment