Copyright

Annonces Google

Tutoriels Informatiques

TICE & Multimédias

Math-pour-Informatiques

Anglais pour débutants

Nous somme sur Facebook

Utilisateurs en ligne

Users: 3 Guests, 2 Bots
Gearbest  promotion

Annonces Google



CSS ( cascading style sheets)

1 – Les classes CSS

On a besoin parfois d’affecter un ensemble de  styles à chaque fois qu’on a besoin ! Pour répondre à cette nécessité  on utilise ce qu’on appelle les classes. Le rôle d’une classe est de stocker  une quantité de codes CSS pour être réutilisée par la suite.

Déclaration d’une classe css

Une classe est déclarée à l’aide de son nom précédé d’un point  « . » Continuer la lecture

1 – La propriété  margin

Margin represente la marge externe d’un élément, elle est doté des propriétés :

-margin-right       :  définit la marge à droite
-margin-left          :  définit la marge à gauche
-margin-top          :  définit la marge en haut
-margin-bottom :  définit la marge en bas Continuer la lecture

border-style

La propriété border-style est utilisé pour détérminer le type des bordures elle est doté des propriétés suivantes : Continuer la lecture

1 – font-family

 Cette propriété permet de determiner le type de police d’un sélécteur

Exemple Continuer la lecture

La propriété background comme son nom l’indique, nous permet de modifier l’arrière plan de notre page web: on peut mettre une couleur de notre choix , on peut mettre aussi une belle image comme arrière plan…

1 – background-color

Cette propriété s’utilise pour modifier la couleur de l’arrière plan d’un élément.

Exemple : coloration de l’arrière plan en rouge :

2 – background-image

Cette propriété est utilisé pour mettre une image en arrière plan d’un élément. L’image est automatiquement répété pour recouvrir la totalité de l’élément en question.

Exemple :

3 – background-repeat

Cette proprièté définit la façon suivant laquelle l’image doit se répéter.

Exemple : background sans répétition de l’image

Exemple : background avec répétition horizontale de l’image ( repeat-x)

Exemple : background avec répétition verticale de l’image ( repeat-y)

4 – background-position

Cette propriété est utilisé pour détérminer la position de l’image sur l’arrière plan en utilisant Les mots-clés suivants :

top           =   image au centre/haut de la page ou du bloc.
center     =   image au centre/centre de la page ou du bloc.
bottom   =   image au centre bas de la page ou du bloc..
right       =   image au centre/droit de la page ou du bloc.
left          =   image au centre/gauche de la page ou du bloc.

Exemple : background avec  une image palcée en haut à gauche

Remarque : On porra aussi utiliser le % pour le positionnement de l’image

 

Exemple : Pour positionner l’image en haut à droite on utilise le code :

Exemple : Pour positionner l’image au milieu de la page on utilise le code :

 

5. Tutoriel Vidéo