Quelques astuces avec CSS : - 1 - Syntaxe CSS On

Quelques astuces avec CSS :

- 1 - Syntaxe CSS

On renseigne traditionnellement un style de police CSS selon ce principe d'écriture :

font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-varient: small-caps;
font-family: verdana,serif;

Il est également possible d'utiliser ce type de syntaxe:

font : verdana,serif 1em 1.5em small-caps italic bold;

avertissement :

Cette écriture CSS fonctionnera seulement si on indique une valeur pour font-size et font-family.
En outre, si on oublie d'indiquer font-weight, font-style et font-varient, les valeurs de ces attributs seront automatiquement des valeurs par défaut.


- 2 - Deux classes simultanées

Habituellement à chaque attribut n'est assigné qu'une classe. En réalité, vous pouvez assigner autant de classes que vous le voulez !

Par exemple :

<p class="text side">...</p>

Employer ces deux classes ensemble (séparé par un espace, pas avec une virgule) signifie que le paragraphe appelle les règles assignées à "text" et à "side". Si des règles s'appliquent entre les deux classes, c'est la dernière classe de la feuille CSS qui aura la priorité.


- 3 - Valeur par défaut de l'attribut "border"

En écrivant une règle de bordure on indique habituellement la couleur, la largeur et le modèle (dans tout ordre).

Par exemple :

border : 3px #000 solid - donnera une bordure linéaire noire de 3px.  -

Cependant la seule valeur exigée ici est le type de bordure.

La valeur par défaut pour cette bordure sera alors employée. La largeur par défaut pour une bordure est en moyenne équivalente à environ 3 ou 4px et la couleur par défaut est celle de la couleur des textes de cette boite.