Les bases du codage CSS

La structure d'un code CSS se présente comme ceci : 

sélecteur {propriété: valeur;}

Le sélecteur c'est la balise HTML (body, h1, p), la classe (class), l'identifiant (id).  Il désigne à quel composant le code va être appliquer ou plutôt l'effet. Par exemple le fond des menus.

La propriété c'est l'attribut qu'on veut appliquer.  En gros se sont les effets. Par exemple l'ombre sur le bord des menus.

La valeur précise les caractéristiques de la propriété. Par exemple pour la couleur du fond d'un menu, la valeur sera le nom de la couleur que vous voulez appliquer. 

Exemple de code pour la couleur de la menu barre : 

Le sélecteur sera menubar.

La propriété sera color.

La valeur sera par exemple red.

Ah oui j'ai oublié de préciser que vous devez tout notez en anglais. 

Après le sélecteur, toujours mettre ces symboles { & } et vous mettrez la propriété et la valeur entre celle-ci. Les propriétés doivent être séparées par une ,.

Quelques sélecteurs pour Eklablog : 

Article  : .module_contenu 

Article titre : .module_titre 

Article bas : #module_bottom

Barre d'outil  : #menubar 

Commentaire : .comment_normal 

Commentaire auteur : .comment_admin 

Commentaire avatar : .commentavatar 

Dernier Visiteur : .module_menu_type_lastvisitors 

Fond de fenêtre : #body 

Fenêtre d'information  : .window 

Fond de page : #background 

Header : #header 

Menu contenu : module_menu_contenu_block 

Menu gauche : #menu1 

Menu droit : #menu2 

Menu titre : .module_menu_titre 

Menu de l'en tête : #menu 

Pied de page : #footer 

Quelques propriétés : 

Bord : border

Couleur : color

Ecriture : font

Fond : background

Hauteur : height

Ombre : box-shadow 

Opacité : opacity

Visibilité : visibility

Position : position