TheJoe.it Dans le (ouvrir) Source

2Apr/100

CSS: Réinitialiser CSS

css.jpg La technique de 'zéro styles CSS a été introduit pour la première fois par Eric Meyer dans le but de disposer d'un espace de travail idéalement blanc où de zéro à définir tous les styles dont vous avez besoin sans avoir à tenir compte de la mise en forme par défaut d'un style donné.

Parce que l' reset.css fonctions doivent être inclus avant la principale CSS. Voyons comment:

<link rel ="stylesheet" type ="text / css" href ="reset.css" media ="écran" />
<link rel ="stylesheet" type ="text / css" href ="style.css" media ="écran" />

Et voici ce que nous devons ajouter dans le "reset.css":

/* v1.0 | 20080212 */

html, corps, div, durée, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
une, abbr, acronym, address, big, cite, code,
le, dfn, à, font, img, ins, kbd, q, s, samp,
faible, strike, fort, sub, sup, tt, var,
b, u, i, centre,
dl, dt, dd, ol, st, li,
fieldset, forme, étiquette, legend,
tableau, caption, tbody, tfoot, thead, tr, th, td {
    marge: 0;
    rembourrage: 0;
    frontière: 0;
    contour: 0;
    font-size: 100%;
    vertical-align: baseline;
    fond: transparent;
}
corps {
    line-height: 1;
}
ol, st {
    list-style: aucun;
}
blockquote, q {
    citations: aucun;
}
blockquote:avant de, blockquote:après,
q:avant de, q:après {
    contenu: '';
    contenu: aucun;
}

/* remember to define focus styles! */
:se concentrer {
    contour: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: aucun;
}
le {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
tableau {
    border-collapse: collapse;
    border-spacing: 0;
}

Content de cet article?

Inscrivez vous à notre fil rss!

Sur

Je garde ce blog comme un hobby par 2009. Je suis passionné de graphisme, la technologie, logiciel Open Source. Parmi mes articles ne sera pas difficile de trouver de la musique, et quelques réflexions personnelles, mais je préfère la ligne directe du blog principalement à la technologie. Pour plus d'informations me contacter.

Commentaires (0) Trackbacks (0)

Aucun commentaire pour l'instant


Laisser un commentaire

Aucun trackbacks pour l'instant