Les FEUILLES DE STYLES (CSS)
(N'oubliez pas le double clic !)
Choisir parmis les sous-rubriques ci-dessous
Texte | Formulaire | Tableau | Scrollbar | Divers
Un style placé dans la balise body permet d'imposer une fois pour toute la taille de tous les caractères de la page. Ce script est présent également dans la rubrique "Texte (Style)".
Avec cette feuille de style pas de besoin d'une image invisible pour décaler la première ligne d'un paragraphe afin d'indenter un bloc de texte. Ce script est présent également dans la rubrique "Texte (Style)".
Qu'il soit contenu dans un paragraphe tout autre conteneur, cette règle de style vous permet de justifier un bloc de texte. Ce script est présent également dans la rubrique "Texte (Style)".
Avec cette règle de style, conserver la taille de la police des pages affichées, mais pas seulement. Le webmaster peut également contrôler la police, la couleur d'un texte...Ainsi, la mise en page n'est pas perturbée lors de l'affichage. Ce script est présent également dans la rubrique "Texte (Style)".
Cette règles de style permet de supprimer la ligne vide qui entoure un paragraphe (p). Ce script est présent également dans la rubrique "Texte (Style)".
Ces quelques lignes vont permettre d'imposer un style aux liens textuels. Ainsi, dans une même page, on pourra avoir des liens textuels de couleurs différentes (en spécifiant des classes). On peut surtout rendre sensible le lien au curseur, par exemple si on passe dessus avec la souris, le lien n'est plus souligné et change de couleur. Ce script est présent également dans la rubrique "Texte (Style)".
La possibilité d'ajouter de la couleur dans les éléments de formulaires est offerte ici par l'utilisation de l'attribut STYLE. On insère directement dans les balises HTML cet attribut qui comporte une multitude de propriétés (diversité d'instructions). Il permet entre autre d'imposer une couleur de fond au champ mais pas seulement...
Un bouton de formulaire du type "button" contient une image de fond grâce à une règle de style. Grâce à son type "button", il déclenche une action javascript au lieu de valider un questionnaire.
Donner la possibilité aux visiteurs de choisir la couleur de fond d'un tableau en associant, Style et JavaScript.
Des instruction (rêgles de STYLE) qui permettent de créer un ombrage sur certains tableaux (grâce à l'attribut CLASS) et qui permettent ainsi de créer du relief.
Ce style est très pratique pour la mise en page. Il permet d'insérer un texte très long dans la cellule d'un tableau normalement trop petite en créant une barre de défilement. Ce bloc de texte disposant d'une scrollbar peut en fait être inséré n'importe où car il s'agit d'un calque (<div>....</div>).
(IE 5.5 et +)Effet graphique (choix des couleurs) sur la barre permettant de scroller grâce à des rêgles de style (Spécificité du HTML). Ce script est présent également dans la rubrique "Elément de navigateur (Scrollbar)".
Il semble que l'utilisation des vignettes pour présenter du texte soit préférable à celle des tableaux car il permet de profiter davantage des possibilités des CSS. Le problème qui subsiste est de taille puisque cette association ne fonctionne visuellement que sous Internet Explorer.
Une petite fonction JavaScript, associée à des calques et à des styles (CSS), permet de créer un texte qui défile. Un façon originale de présenter un texte assez long dans relativement peu de place. Ce script figure également dans la rubrique "Texte (Défilant)".
Voici 2 exemples permettant de construire des menus sensibles au curseur grâce à quelques instructions correspondant à des règles de styles. Ce script figure également dans la rubrique "Navigation (Menu)".