Posts tagged ‘css tutoriel’

HTML/CSS : Les liens

les_liens

Nous allons apprendre dans ce tutoriel comment appliquer les différents styles aux liens. En outre de ce que nous avons appris dans les leçons précédentes nous allons ajouter quelques nouveautés.

Les nouveautés sont des événements offerts par le css pour manipuler  et contrôler Les actions survenus sur les liens, par ex lien visité non-visité, lien activé, lien survolé.

Tous ces événements redonnent une vivacité technique et plaisante pour vos pages web.

Ces nouveaux fonctionnalités s’appellent les pseudo-classes.

Lire La Suite..

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..