Vidéo: Créer un site web - Principes et bases 2024
Adobe Creative Suite 5 (Adobe CS5) Dreamweaver utilise feuilles de style en cascade
L'utilisation de feuilles de style en cascade (CSS) est une méthode standard pour styliser du texte et d'autres éléments sur des pages Web. L'outil puissant de conception de feuille de style vous permet d'attribuer rapidement des propriétés à un type et à d'autres éléments de page et de mettre à jour toutes les instances en quelques étapes simples. Le nom Cascading Style Sheets fait référence aux règles en cascade qui s'appliquent lorsque plusieurs styles (et feuilles de style) sont utilisés en même temps.
Si vous appliquez plusieurs styles différents à une page, qu'ils soient générés en interne sur la page ou liés à des feuilles de style externes, vous risquez d'avoir des conflits. Des conflits se produisent lorsque deux styles (ou plus) attribuent des propriétés différentes au même élément.
Par exemple, si vous spécifiez dans une feuille de style interne que tout élément en gras est bleu mais qu'une feuille de style externe indique au navigateur d'afficher tout élément en gras en rouge, quel style gagne? L'instruction bleue de la feuille de style interne gagne. Par défaut, la feuille de style de la page Web remplace les valeurs par défaut du navigateur.
Les feuilles de style sont cohérentes dans la plupart des versions de navigateurs modernes, mais certains navigateurs plus anciens peuvent ne pas fournir un support cohérent (le cas échéant) pour CSS. Toujours afficher l'aperçu des pages dans plusieurs navigateurs ou utiliser le bouton Vérifier la compatibilité du navigateur (situé sous la liste Vérifier la compatibilité du navigateur dans la barre d'outils du document) pour tester les propriétés CSS que vous avez utilisées sur différents navigateurs et versions.
Dreamweaver CS5 utilise exclusivement les feuilles de style en cascade (CSS) pour mettre en forme du texte et ne fournit plus de support direct pour les balises. Vous pouvez toujours ajouter des balises si vous en avez absolument besoin en sélectionnant Insérer → Balise.
Dreamweaver propose des pages de démarrage CSS dotées de mises en page CSS et comprenant des conseils CSS visibles uniquement en mode Code. Recherchez les pages de démarrage CSS en choisissant Fichier → Nouveau → Page vierge → Modèle HTML.
