Que signifie CSS en anglais ?

Le nom anglais complet de CSS est Cascading Style Sheets, ce qui signifie feuilles de style en cascade. Il est également appelé liste de styles de chaînes, feuille de style en cascade, feuille de style en cascade et feuille de style hiérarchique. documents. Langage informatique défini et maintenu par le W3C.

L'environnement d'exploitation de cet article : système Windows 7, version CSS3, ordinateur Dell G3.

Que signifie CSS en anglais ?

Les feuilles de style en cascade (anglais : Feuilles de style en cascade, abréviation : CSS ; également connues sous le nom de liste de styles de chaînes, feuille de style en cascade, feuille de style en cascade, feuille de style hiérarchique) sont un ordinateur. langage utilisé pour ajouter des styles (polices, espacements, couleurs, etc.) aux documents structurés (tels que des documents HTML ou des applications XML), défini et maintenu par le W3C.

CSS est divisé en différents niveaux : CSS1 est désormais obsolète, CSS2.1 est une norme recommandée et CSS3 est divisé en plusieurs petits modules et est en cours de standardisation. [Source Request] CSS3 est désormais pris en charge par la plupart des navigateurs modernes, tandis que la prochaine version, CSS4, est toujours en cours de développement.

Aperçu

CSS ne peut pas être utilisé seul, il doit fonctionner avec HTML ou XML pour décorer HTML ou XML. Cet article présente principalement la technologie CSS utilisée pour décorer les pages Web HTML. HTML est chargé de déterminer le contenu de la page Web et CSS détermine comment afficher ces éléments (taille, épaisseur, couleur, alignement et position). CSS peut être utilisé pour définir la mise en page, styliser les éléments de la page et définir les styles globaux qui s'appliquent à toutes les pages Web. CSS peut être ajouté sporadiquement et directement aux éléments de la page Web auxquels les styles doivent être appliqués, ou il peut être intégré dans des pages Web, lié à des pages Web ou importé dans des pages Web.

L'objectif le plus important du CSS est de séparer le contenu d'un fichier de son affichage. Avant l'avènement du CSS, presque tous les fichiers HTML contenaient des informations pour l'affichage du fichier, telles que la couleur de la police, ce que devait être l'arrière-plan, comment l'organiser, les bords, les connexions, etc., qui devaient tous être répertoriés. un par un dans le fichier HTML Parfois Liste à plusieurs reprises. CSS permet aux auteurs d'isoler une grande partie de ces informations, en simplifiant le fichier HTML et en le plaçant dans un fichier secondaire écrit en CSS. Les fichiers HTML contiennent uniquement des informations sur la structure et le contenu, les fichiers CSS contiennent uniquement des informations sur le style.

Par exemple, la marque H2 en HTML est un titre de deuxième niveau. Son niveau est inférieur à celui du titre de premier niveau H1 et supérieur à celui de troisième niveau H3. Ces informations sont toutes des informations structurelles.

De manière générale, plus le niveau du titre est élevé, plus la police H1 est grande, car de manière générale, plus la police est grande, plus le contenu qu'elle représente est important. De plus, les titres généraux utilisent des polices grasses. souligner leur importance sexuelle. De manière générale, H2 utilise des polices grasses et sa police est plus grande que H3 et plus petite que H1. Ces informations sont destinées à l'affichage.

Avant l'avènement du CSS, si l'auteur voulait déterminer la couleur, la police, la taille ou d'autres caractéristiques d'affichage du titre H2, il devait utiliser la police ou d'autres instructions de style en HTML seul n'était pas suffisant, car H2 l'est. juste une instruction structurelle. Si un titre nécessite des italiques, des caractères rouges et un fond blanc, l'auteur doit l'écrire ainsi :

<H2><font color="red" bgcolor="white"><i>使用CSS</i></font></H2>

Ces instructions d'affichage rendent un HTML très complexe et difficile à maintenir. Si tous les titres de deuxième niveau devaient être affichés de cette manière, les instructions pour tous les titres de deuxième niveau devraient être aussi compliquées. De plus, les lecteurs ne peuvent pas modifier ces règles. Si un lecteur préfère les titres bleus, il ne peut pas changer la couleur des titres car l'auteur du document précise la couleur des titres.

Si vous utilisez CSS, la directive H2 précise uniquement la structure de l'article, et son affichage est spécifié par la feuille de style. L'exemple ci-dessus peut ressembler à ceci :

<H2>使用CSS</H2>

La feuille de style obéie peut spécifier que la directive H2 utilise l'italique. , texte rouge et fond blanc :

H2 { color: red; background: white; font-style: italic; }

De cette façon, l'affichage et le contenu sont séparés (en raison des avantages du CSS, le W3C envisage désormais de supprimer de nombreuses instructions d'affichage en HTML). HTML exprime uniquement la structure de l'article et CSS exprime tout l'affichage. CSS peut dicter la couleur, le style de police, la disposition, la taille et de nombreuses autres expressions non visuelles, telles que la lecture du contenu d'un document.

Les informations de style CSS peuvent être incluses dans une pièce jointe ou dans un fichier HTML. Le lecteur peut utiliser plusieurs feuilles de style et en cas de duplication il peut en sélectionner une. Différents médias peuvent utiliser différentes feuilles de style. Par exemple, l'affichage d'un document sur un écran fluorescent peut être différent de l'affichage imprimé sur une imprimante. Cela permet aux auteurs de concevoir le meilleur affichage pour différents médias. De plus, l’un des objectifs du CSS est de donner aux lecteurs une plus grande liberté de contrôle sur l’affichage. Si un lecteur trouve les titres en italique difficiles à lire, il peut utiliser son propre fichier de feuille de style, qui peut être « en cascade » et modifier uniquement le style en italique rouge tout en conservant tous les autres styles.

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!