Les feuilles de style en cascade (CSS) sont un outil populaire dans la conception de sites web. Il est difficile d'imaginer de nombreuses applications web sans elles. Ils peuvent accélérer la création et l'édition des pages web. Un fichier CSS est pratiquement écrit comme une sorte de fichier texte et contient des instructions pour la conception. Ainsi, il est également possible pour toutes les sous-pages d'un page d'accueil d'utiliser le même design en appelant ce fichier CSS dans l'en-tête de la page respective. Si vous modifiez le design, il vous suffit de changer le fichier CSS et cela affectera toutes les pages du projet web à éditer.
Options de formatage
Avec le langage de programmation spécial CSS, presque toutes les tâches de formatage d'un site web peuvent être effectuées, du moins celles concernant la conception. Avec le CSS, vous pouvez même créer des cadres de différentes nuances et des graphiques simples. Les polices et les tailles de police sont définies une fois dans le fichier CSS et sont donc automatiquement disponibles dans l'ensemble du catalogue ou de la présentation de l'entreprise. Il existe de nombreuses variations possibles, car certains domaines tels que les titres, le contenu des tableaux, les légendes ou les notes de bas de page peuvent tous être définis séparément. Des fonds de différentes couleurs avec ou sans motif peuvent être déclarés via le CSS. Différents points, divers éléments dynamiques et bien plus encore peuvent être réalisés avec le CSS. Des images, des vidéos et des séquences audio peuvent également être intégrées de cette façon, si vous ne voulez pas le faire autrement.
Syntaxe
Selon les directives du W3C, les propriétés à afficher sont soumises à certaines règles. Il existe des sélecteurs qui attribuent une certaine valeur à la propriété respective entre parenthèses. Par exemple, dans le cas de la couleur d'une rubrique de second ordre, celle-ci peut ressembler à ceci : h2 { color : green ; } Au lieu du "vert", il pourrait aussi y avoir un numéro de couleur. Ici, "h2" serait le sélecteur, "color" la propriété et "green" la valeur attribuée. Bien entendu, plusieurs propriétés peuvent être attribuées en même temps. Les espaces après l'ouverture et avant la parenthèse fermante ainsi que les points-virgules à la fin de chaque devoir sont importants. Par souci de clarté, il est recommandé de classer chaque propriété dans une ligne supplémentaire. Pour les projets de grande envergure, le site web alors les commentaires internes non visibles ont un sens.
Domaines d'application et particularités
Les feuilles de style en cascade sont relativement faciles à intégrer dans les projets HTML et PHP. Le HTML (Hyper Text Markup Language) a d'abord été le domaine d'application le plus répandu. Des feuilles de style simples peuvent être insérées ici aussi dans un fichier HTML avec les commandes de style. Les feuilles de style en cascade, c'est-à-dire plusieurs éléments de conception, sont définies dans un fichier séparé et sont appelées soit dans une zone spécifique d'un fichier HTML, soit, plus favorablement, dans l'en-tête en tant que fichier externe. En PHP (Hypertext Preprocessor - en fait Personal Home Page Tools), les CSS ne sont pas seulement inclus sous forme de fichier *.css, mais sont liés à des commandes PHP. Une combinaison de PHP et de HTML est également possible en principe. La variante la plus moderne consiste à travailler avec des bases de données, dans lesquelles, dans le cas MySQL Par exemple, les propriétés du projet web peuvent être créées via PHP et CSS. De nombreux systèmes de bases de données utilisent des techniques similaires. Cependant, la plupart d'entre eux utilisent des langages de programmation supplémentaires qui utilisent également le CSS. Malheureusement, il faut tenir compte de certaines particularités concernant les systèmes d'exploitation et les navigateurs. Tous les effets ne se ressemblent pas dans tous les navigateurs, certains ne sont même pas interprétés par tous. C'est pourquoi il faut souvent tenir compte de versions différentes selon le navigateur et le système d'exploitation dans la manière dont les valeurs sont attribuées aux propriétés dans le CSS. À cette fin, le système d'exploitation et le navigateur utilisés sont généralement interrogés à partir de l'en-tête du fichier HTML ou PHP ou du système de base de données et une version CSS correcte est attribuée.
atouts et inconvénients
Les CSS sont un ajout et une simplification bienvenus pour les projets HTML et PHP. Ils sont structurés de manière logique et peuvent être appris relativement rapidement. Une erreur dans un fichier CSS peut toutefois se manifester sur plusieurs pages à la fois, mais peut aussi être corrigée rapidement. Les polices exotiques et les ensembles de langues étrangères posent des problèmes. Vous devez donc prendre des précautions et spécifier une autre variante. Dans le cas d'une police spéciale, une valeur pour une police qui est normalement présente partout pourrait être attribuée devant celle-ci. CSS pour utiliser la dernière valeur nommée pour un bien. Si cette valeur ne peut pas être affichée, elle est ignorée. Si vous avez attribué la police simple avant cette attribution, elle est considérée comme la dernière police interprétable et votre page sera toujours affichée de manière utilisable. Les ensembles de langues étrangères et autres particularités doivent être intégrés dans le projet web via HTML, PHP ou un autre langage de programmation ou, si nécessaire, redirigés vers une page en anglais.
