Posts tagged ‘css avance’

HTML/CSS : les identifications et les regroupements [ID & Class]

id_class

Id et class ce sont des attributs html qui servent à spécifier un style précisé.

Parfois lorsque on’ a plusieurs balises par ex <p>  le style de css va être appliqué a tous les balises <p>.

Si nous voulons appliquer un style spécial a une seule balise, alors on doit rajouter l’attribut id à la balise  désiré.

Lire La Suite..

HTML/CSS : l’utilité des classes (span & div)

span_div

Dans cette leçons nous allons travailler avec les balises html span et div, et aussi nous allons comprendre leurs utilités.

Pour les balises de division html <div>, ils servent a regrouper plusieurs éléments  html, aujourd’hui les div jouent un rôle très important pour la création des pages web 2.0.

En ce qui concerne les balises html <span> , ce sont des balises neutre ils ne rajoutent aucun formatage aux éléments d html, mais leurs importances se présente avec l’existence de css.

Lire La Suite..

HTML/CSS : les boites

les_boites

Le modèle des boîtes de CSS décrit les boîtes générées pour les éléments HTML. Il contient également des options détaillées pour l’ajustement des marges, des bordures, des espacements et du contenu de chaque élément. Le diagramme suivant montre la structure du modèle des boîtes :

Lire La Suite..

HTML/CSS : la hauteur et la largeur [height & width]

height_width

le CSS vous offre la possibilité de fixer la taille de vos boites html. en utilisant les propriétés width et height on peut fixer un affichage particulier.

Certains éléments de l’html possèdent par défaut un affichage boite comme les <div>, <p>,<h1>,<h2>,<h3>,..mais certains autres éléments n’ont pas cette fonctionnalité.

L’utilité d’un affichage boite c’est de fixer la hauteur et la largeur de l’élément.
Alors pour ajouter cette fonctionnalité a un élément particulier comme ex : <span>, on doit rajouter une propriété dans le style css.

Lire La Suite..

HTML/CSS : les éléments flottants [float].

float

Le css offre la possibilité de flotter les éléments boites html, soit a gauche ou a droite, avec  la propriété float.

Lire La Suite..