Les classes et les ID CSS

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…

Height & Width CSS (Hauteur et largeur)

1 – Propriétés height & width (hauteur et largeur) Les propriétés height et width permettent de définir la hauteur et la largeur d’un élément en CSS. La hauteur et la largeur peuvent être définies sur auto (valeur par défaut. Indique que le navigateur calcule la hauteur et la largeur) spécifiées en valeurs de longueur, telles…

CSS : les propriétés Margin et padding

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 Exemple : Voici un exemple qui détérmine…

CSS : Propriété border

order-style La propriété border-style est utilisé pour détérminer le type des bordures elle est doté des propriétés suivantes : Propriété Effet none aucune bordure dotted bordure en pointillé (sauf internet explorer) dashed bordure en tirets (sauf internet explorer)  solid  bordure continue double bordure en double trait groove bordure en creux ridge bordure en saillie inset bordure en…

La propriété background

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…

La propriété Text

1 – text-align Cette propriété permet de définir l’aligement d’un texte Exemple  : 2 – Text-color C’est une propriété qui sert à personnaliser la couleur du texte Exemple :

Les pricipales propriétés d’un sélécteur

1 – Sélecteur de balise & syntaxe générale d’un code CSS Avant de de parler des propriétés d’un sélecteur,  prenons un exemple simple : Exemple pour mettre les balise de titre <h1> en rouge on utilise le code  : Ici dans cet exemple : – h1 s’appelle le sélécteur de balise ( il sélectionne ici la balise titre h1) , – color designe ici  la…

Introduction au feuilles de style CSS ( cascading style sheets )

1 – Introduction Introduit au milieu des années 1990, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge par les navigateurs web. CSS (Cascading Style Sheets : feuilles de style en cascade) est un langage qui consiste à regrouper dans un même document des caractéristiques de mise en forme…