Le langage CSS est un langage informatique utilisé pour exprimer des styles de fichiers tels que HTML ou XML ; son nom complet en anglais est « Cascading Style Sheets », ce qui signifie que les feuilles de style en cascade peuvent non seulement modifier statiquement les pages Web, mais également coopérer avec diverses ; langages de script Formater dynamiquement divers éléments de page Web.
L'environnement d'exploitation de ce tutoriel : système Windows 10, version css3, ordinateur DELL G3
Que signifie le langage css ?
Cascading Style Sheets (nom complet anglais : Cascading Style Sheets) est un langage informatique utilisé pour exprimer des styles de fichiers tels que HTML (une application du langage de balisage généralisé standard) ou XML (un sous-ensemble du langage de balisage généralisé standard). CSS peut non seulement modifier statiquement les pages Web, mais peut également coopérer avec divers langages de script pour formater dynamiquement divers éléments des pages Web.
CSS peut effectuer un contrôle précis au niveau des pixels sur la disposition des positions des éléments dans les pages Web, prend en charge presque tous les styles de taille de police et a la capacité de modifier les objets de page Web et les styles de modèle.
histoire du développement CSS
En 1990, Tim Berners-Lee et Robert Cailliau inventent conjointement le Web. En 1994, le Web sort véritablement du laboratoire.
Depuis l'invention du HTML, les styles existent sous diverses formes. Différents navigateurs combinent leurs propres langages de style pour permettre aux utilisateurs de contrôler les effets de page. Le code HTML original ne contenait que quelques attributs d'affichage.
Avec la croissance du HTML, afin de répondre aux exigences des concepteurs de pages, HTML a ajouté de nombreuses fonctions d'affichage. Mais à mesure que ces fonctions augmentent, le HTML devient de plus en plus complexe et les pages HTML deviennent de plus en plus volumineuses. C'est ainsi que CSS est né.
Hakun Lee a proposé la proposition originale du CSS en 1994. À l’époque, Bert Bos concevait un navigateur appelé Argo, ils ont donc décidé de concevoir CSS ensemble.
En fait, il y avait déjà quelques suggestions pour unifier les langages de feuilles de style dans l'industrie Internet à cette époque, mais CSS a été le premier langage de feuille de style avec la riche signification de « cascade ». En CSS, les styles d'un fichier peuvent être hérités d'autres feuilles de style. Le lecteur peut utiliser son propre style préféré à certains endroits et hériter ou « cascader » le style de l'auteur à d'autres endroits. Cette approche à plusieurs niveaux donne aux auteurs et aux lecteurs la flexibilité d'ajouter leurs propres conceptions et de mélanger ce que tout le monde aime.
Hakun a proposé CSS pour la première fois lors d'une conférence à Chicago en 1994. CSS a été proposé à nouveau lors de la conférence du réseau www en 1995. Boss a démontré l'exemple du navigateur Argo prenant en charge CSS, et Hakun a également présenté le navigateur Arena avec prise en charge CSS.
La même année, l'organisation W3C (World WideWeb Consortium) a été créée. Tous les membres créatifs CSS sont devenus le groupe de travail du W3C et ont tout mis en œuvre pour développer des normes CSS. Le développement des feuilles de style en cascade était enfin sur la bonne voie. De plus en plus de membres étaient impliqués, comme Thomas Reaxdon de Microsoft, dont les efforts ont finalement conduit à la prise en charge du standard CSS dans le navigateur Internet Explorer. Ha Kun, Persia et d'autres sont les principaux responsables techniques de ce projet. Fin 1996, la première ébauche de CSS a été achevée. En décembre de la même année, la première norme formelle pour les feuilles de style en cascade (Feuilles de style en cascade niveau 1) a été achevée et est devenue une norme recommandée par le w3c.
Début 1997, le groupe de travail du W3C responsable du CSS a commencé à discuter de problèmes non abordés dans la première version. Les résultats des discussions ont constitué la deuxième édition de la spécification CSS publiée en mai 1998.
fonctionnalités du langage CSS
CSS fournit une description de style pour le langage de balisage HTML, définissant la manière dont les éléments sont affichés. CSS est une avancée majeure dans le domaine de la conception Web. Il peut être utilisé pour modifier un petit style afin de mettre à jour tous les éléments de page qui lui sont liés.
En général, CSS présente les caractéristiques suivantes :
Définitions de style riches
CSS fournit une apparence de style de document riche, ainsi que la possibilité de définir des propriétés de texte et d'arrière-plan, permettant la création de bordures pour n'importe quel élément, ainsi que des bordures d'élément ; avec d'autres éléments La distance entre les éléments, ainsi que la distance entre les bordures des éléments et le contenu des éléments, vous permet de modifier à volonté la majuscule, la décoration et d'autres effets de page du texte ;
Facile à utiliser et à modifier
CSS peut définir le style dans l'attribut style de l'élément HTML, vous pouvez également le définir dans la partie en-tête du document HTML, ou vous pouvez déclarer le style dans un fichier CSS spécial pour le Page HTML Citation. En bref, les feuilles de style CSS peuvent stocker et gérer toutes les déclarations de style de manière unifiée.
De plus, les éléments du même style peuvent être classés et définis en utilisant le même style. Vous pouvez également appliquer un certain style à toutes les balises HTML du même nom, ou attribuer un style CSS à un certain élément de page. Si nous voulons modifier le style, il suffit de trouver l'instruction de style correspondante dans la liste de styles et de la modifier.
Application multipage
La feuille de style CSS peut être stockée dans un fichier CSS séparé, afin que nous puissions utiliser la même feuille de style CSS sur plusieurs pages. Théoriquement, les feuilles de style CSS n'appartiennent à aucun fichier de page et peuvent être référencées dans n'importe quel fichier de page. De cette manière, les styles de plusieurs pages peuvent être unifiés.
Superposition
En termes simples, la mise en cascade consiste à définir le même style plusieurs fois sur un élément, qui utilisera la dernière valeur d'attribut définie. Par exemple, si vous utilisez le même ensemble de feuilles de style CSS pour plusieurs pages d'un site et si vous souhaitez utiliser d'autres styles pour certains éléments de certaines pages, vous pouvez définir une feuille de style distincte pour ces styles et les appliquer au page. Ces styles définis ultérieurement remplaceront les paramètres de style précédents et ce que vous verrez dans le navigateur sera l'effet de style défini en dernier.
Compression de page
Dans les sites Web qui utilisent HTML pour définir les effets de page, un grand nombre de tableaux et d'éléments de police répétés sont souvent nécessaires pour former des styles de texte de diverses spécifications. La conséquence en est qu'un grand nombre de balises HTML seront. généré, rendant ainsi le fichier d'échange La taille augmente. Placer la déclaration de style séparément dans la feuille de style CSS peut réduire considérablement la taille de la page, de sorte que le temps passé à charger la page sera également considérablement réduit. De plus, la réutilisation des feuilles de style CSS réduit davantage la taille de la page et réduit le temps de téléchargement.
Apprentissage recommandé : "Tutoriel vidéo CSS"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!