DECRYPTAGE DE LA FEUILLE DE STYLE GENERALE

La feuille de style c'est quoi d'abord !?

Une feuille de style permet de spécifier des caractéristiques de mises en formes d'un document Htlm, qui sont rattachées à des balises.

Plus clairement, ça permet de définir pour chaque balise HTML, une mise en forme spécifique.

Exemple :

Prenons la balise <H2> qui permet sur Canalblog de définir la date dans les messages, On va pouvoir rattacher une police, une taille, un code couleur, centré, souligner, mettre en majuscule etc...
Chaque fois qu'on utilise la balise <H2> dans un document, tout le texte situé entre cette balise <H2>Le texte</H2> recevra cette mise en forme.

C'est pas facile au début de savoir à quoi correspondent tous ces blocs de codes dans la feuille de style...
Ce que j'appelle un bloc c'est ça :

#content {
    float: left;
    width: 600px;
    background-color: #FDF7FB;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #;
    overflow: hidden;
}

Tous les blocs commencent par un # ou un . (point) sauf le premier celui du body.
Ensuite c'est le nom du bloc,  (content dans cet exemple)
Suivi d'une parenthèse d'ouverture {
Puis au milieu les lignes ce code qui définissent les spécificités
le bloc se terminent par une parenthèse de fermeture }

Pour vous faciliter la tâche du décodage, j'ai noté au dessus de chaque bloc en rouge, à quoi il correspondent et en bleu le détails des lignes de code.

Feuille de style générale décryptée

Feuille de style générale décryptée (version Bloc-notes)

Comments

[Mariane S.]

Merci MILLE FOIS pour tout le contenu de ton blog, ton aide m'a été très précieuse [Coeur]. J'arrive enfin à me dépatouiller du mode avancé sur Canalblog.
Encore merci à toi, à Alérion et à Persé sur le forum, vous êtes d'une patience d'ange !!![Super]
[Fleur]Merci encore ...
Mariane S.

[xX_Sandy_Xx]

Bonjour !
J'aimerais savoir s'il est possible de mettre des polices et couleurs de polices différentes dans les colonnes ? Si oui comment faire car j'ai bien essayé en ajoutant font-family et color dans ma feuille de style mais ça ne fonctionne pas.Je suis en mode avancé,évidemment.

[♥Sofie So Cosy♥]

J'avais pas ouvert assez grands mes yeux.. vient de voir qu'il fallait cliquer pour avoir le décryptage !! super tes explications !! mais comme d'hab !!
[Fleur]Merci Démolite [Fleur]

[5slash18]

Re-bonjour, entre temps, j'ai réussi à remettre l'écriture d'origine. * Mauvaise manipulation dans la page d'accueil. Voila, au revoir.[Salut]

[5slash18]

Bonjour[Chesse], les messages de mon blog sont en gras, et je ne sais pas comment faire pour retrouver l'écriture normale.
Merci d'avance.