Définition des CSS (Feuilles de Style)
Divers / / July 04, 2021
Par Guillem Alsina González, en sept. 2017
Le style dans lequel les textes et les éléments d'un page Web, ainsi que l'ensemble de plusieurs pages, peuvent être marqués de chacun indépendamment, ou dépendre d'un élément extérieur (un autre déposer dans lesquels les styles sont définis) qui peuvent être réutilisés. Cet élément externe est ce qu'on appelle une feuille de style CSS.
Une feuille de style CSS (feuilles de style en cascade, feuilles de style en cascade) n'est rien de plus qu'un fichier informatique qui contient des informations pour modéliser le style visuel adopté par les pages Web lorsqu'elles sont rendues par le navigateur.
Pour que ce soit le cas, il doit y avoir un appel à la feuille de style CSS depuis le fichier HTML, via un instruction.
Grâce à la séparation du contenu de ce qu'est l'aspect, nous obtenons une abstraction qui nous permet différents angles de Liberté.
La première est que si nous voulons changer l'esthétique d'un site Web complet, nous n'aurons qu'à retoucher les fichiers de la feuille de calcul Style CSS, de sorte que s'il y a des appels à ces fichiers dans les pages HTML, le changement esthétique de forme se produira automatique.
Un autre avantage est que le Auteur du contenu, vous pourrez vous concentrer sur eux sans avoir à vous soucier de leur mise en page, puisque celle-ci est donnée par les fichiers CSS.
La feuille de style est construite à partir d'un langage de conception avec une structure spécifique et standardisée, de forme que la feuille de style est indépendante de la technologie utilisée par la page Web et à laquelle elle est utilisée pour le rendre.
Cela est dû à la nécessité pour le Web d'être indépendant du périphérique, permettant à tout serveur servent le même contenu, et que ceux-ci sont rendus avec le même résultat final par quelconque le navigateur, indépendamment du fait que certains outils peuvent le faire plus rapidement que d'autres et, par conséquent, offrir de meilleures performances au Nom d'utilisateur.
Le même Langue La définition peut également être utilisée dans n'importe quel document XML (après tout, HTML peut toujours être interprété comme un sous-ensemble de XML).
La structure du langage est simple, avec une série de mots-clés réservés qui renvoient à des propriétés du style d'une page, et plusieurs règles pour chacune de ces propriétés.
Un exemple simple de feuille de style CSS serait le suivant :
corps {
h1 {font-family: Helvetica, Genève, Arial,
SunSans-Regular, sans-serif}
}
Nous y définissons simplement comment doit être l'en-tête H1 des documents HTML que nous écrivons et soumis à cette feuille de style. Pour cela, les pages HTML doivent avoir cette phrase dans la section DIRIGER:
Dans laquelle
Nous pouvons également inclure les instructions de mise en page pour le style dans le même fichier HTML que nous utilisons pour la page, nous épargnant ainsi un fichier supplémentaire, mais alors on perd la polyvalence de changer l'apparence de toutes les pages n'ayant qu'à manipuler un fichier, puisqu'il faudrait modifier tout le HTML exactement le même.
Le langage dans lequel sont écrites les feuilles de style CSS existait déjà avant leur approbation par le W3C, entité chargée de réguler les normes utilisées sur le Web au niveau technique.
Il a été approuvé au milieu des années 90 et est depuis devenu une norme. indispensable pour une utilisation sur de grands sites Web.
Photo: Fotolia - Stringer
Thèmes en CSS (feuilles de style)