Internet css Feuilles de Styles Cette technologie a été introduite par Microsoft avec la version avec pour but de modi ?er le contenu d'une page par une grande variété d'e ?ets surprenants Dynamic HTML et cela en un clin d' ?il En fait avec les feuilles d
Feuilles de Styles Cette technologie a été introduite par Microsoft avec la version avec pour but de modi ?er le contenu d'une page par une grande variété d'e ?ets surprenants Dynamic HTML et cela en un clin d' ?il En fait avec les feuilles de styles CSS ou Cascading Style Sheets vous contrôlez parfaitement la mise en page des di ?érents éléments qui composent votre document Par exemple vous pouvez dé ?nir la couleur d'une police sa taille le positionnement d'un objet image texte l'espacement entre les paragraphes et même gérer des e ?ets de transition Note Internet Explorer à partir de la version attention la version d'Internet Explorer ne gère pas toutes les propriétés des feuilles de styles et Netscape à partir de la version supportent les feuilles de styles La syntaxe Normalement la syntaxe des déclarations CSS est toujours identique La méthode est simple il s'agit de redé ?nir le rôle d'une balise HTML en lui imposant de nouvelles propriétés Comme les feuilles de styles ne sont pas une composante directe du HTML vous pouvez dé ?nir à l'aide de la balise META dans l'en-tête de la page la déclaration suivante Comme pour les navigateurs ignorant le JavaScript vous devez cacher le code des feuilles de styles à l'aide des commentaires Quatre méthodes di ?érentes sont possibles pour intégrer les feuilles de styles en HTML o L'instruction STYLE en tant qu'élément CNote Le ?chier css ne doit pas contenir de code HTML Pour dé ?nir une propriété on indique d'abord la balise concernée puis entre deux accolades les caractéristiques de cette propriété s'il y a plusieurs propriétés on les sépare par un point virgule Si on opte pour la balise la syntaxe sera Ce paragraphe sera placé à pixels de la marge de gauche et sera de couleur bleu Propriétés et valeurs Tableau résumant toutes les propriétés et valeurs possibles et les plus courantes pour dé ?nir une feuille de style Propriété font-size font-family Valeur s Description xx-small x-small small medium large x-large xx-large larger smaller ou taille dé ?ni en pixels px Taille de la police cm cm mm mm point pt pourcentage serif sans-serif cursive fantasy ou nom monospace de la police Type de police Arial Verdana etc Exemple font-size pt font-family Arial Cnormal bold bolder lighter font-weight ou valeur numérique de Poids de la police font-weight bold à par tranche de font-style normal italic oblique Style de la police font-style italic font-variant normal small-caps Variante de la police font-variant small-caps line-height point pt pourcentage Hauteur de la ligne line-height pt Color nom ou valeur de la couleur hexadécimale Couleur de la police color green background-image URL du ?chier Image d'arrière-plan background-image url image ?chier gif background-repeat repeat no-repeat repeat-x Répétition de l'arrière- background-repeat repeat-y plan no-repeat backgroundattachment scroll ?xed E ?et de ?ligrane backgroundattachment ?xed Position de l'arrière- background-position top center bottom left right plan verticale background-position et center center horizontale baseline sub super top vertical-align text-top middle bottom text-bottom ou valeurs en Alignement vertical
Documents similaires
-
29
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Attribution requise- Détails
- Publié le Apv 19, 2021
- Catégorie Creative Arts / Ar...
- Langue French
- Taille du fichier 53.4kB