Les feuilles de style en cascade (.CSS) regroupent des règles de mise en forme qui déterminent l'aspect du contenu d'une page Web. Quand vous utilisez CSS pour mettre une page en forme, vous séparez le contenu de la présentation. Le contenu de votre page, c'est-à-dire, le code HTML, se trouve dans le fichier HTML lui-même tandis que les règles CSS qui définissent la présentation du code est dans un autre fichier (une feuille de style externe) ou dans une autre partie du document HTML (généralement la <head> section). CSS vous permet de gérer en souplesse l'aspect d'une page, tant en termes de précision de l'emplacement des éléments qu'en termes de choix de polices et de styles spécifiques.
Par ailleurs, CSS permet de contrôler de nombreuses propriétés que HTML seul est incapable de gérer. Par exemple, pour un texte donné, vous pouvez spécifier différentes tailles et unités (pixels, points, et ainsi de suite) de police. En utilisant CSS et en définissant les tailles de police en pixels, vous garantissez un traitement plus homogène de la présentation et de l'aspect de votre page dans différents navigateurs.
Une règle de style CSS se compose de deux entités: le sélecteur et la déclaration. Le sélecteur est un terme (tel que P, H1, un nom de classe ou un identifiant) qui identifie l'élément mis en forme tandis que la déclaration définit quels sont les éléments de style. Dans l'exemple suivant, H1 correspond au sélecteur tandis que tout ce qui est placé entre les crochets ({}) correspond à la déclaration :
H1 {
font-size: 16 pixels;
font-family: Helvetica;
font-weight: bold;
}
La déclaration est composée de deux entités : la propriété (par exemple, font-family) et la valeur (par exemple, Helvetica). L'exemple précédent crée un style pour des balises H1 : Le texte de toutes les balises H1 liées à ce style sera associé à une police Helvetica, d'une taille de 16 pixels et en gras.
Le terme « en cascade » signifie qu'il est possible d'appliquer plusieurs feuilles de style à un même élément ou à une même page Web. Vous pouvez, par exemple, créer une règle CSS pour définir la couleur et une autre pour les marges, puis les appliquer toutes les deux au texte d'une même page. Les styles définis sont appliqués en cascade aux éléments de votre page Web, créant en fin de compte la conception désirée.
CSS présente l'avantage majeur d'être facilement mis à jour. Lorsque vous modifiez une règle CSS en un emplacement, la mise en forme de tous les documents utilisant ce style reflète automatiquement le nouveau style.
Vous pouvez définir les types de styles suivants dans Dreamweaver :
color de la règle et l'appliquer à du texte dans une partie de paragraphe déjà pourvu d'un style.
p ou h1. Lorsque vous créez ou modifiez une règle CSS pour la balise h1, tout le texte mis en forme à l'aide de cette balise h1 est immédiatement modifié en conséquence.
td h2 s'applique chaque fois qu'un en-tête h2 apparaît dans une cellule de tableau. Les styles avancés peuvent également redéfinir la mise en forme pour des balises qui contiennent un attribut id (identifiant) (par exemple, les styles définis par #monStyle s'appliquent à toutes les balises qui contiennent la paire valeur-attribut id="monStyle").
Pour plus d'informations, voir A propos du formatage de texte dans Dreamweaver dans Utilisation de Dreamweaver.
M'envoyer un message électronique lorsque des commentaires sont ajoutés à cette page | Rapport de commentaire
Page en cours: http://livedocs.adobe.com/dreamweaver/8_fr/using/gs_06_c4.htm