Que signifie l’essence du CSS ?

L'essence du CSS est de définir les règles de style des éléments et d'indiquer au navigateur comment afficher les éléments dans les pages Web ; CSS fait référence à des feuilles de style en cascade, qui est un langage informatique utilisé pour exprimer les styles de fichiers tels que HTML ou XML. ; CSS peut non seulement modifier statiquement les pages Web, vous pouvez également utiliser divers langages de script pour formater dynamiquement chaque élément de la page Web.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3, ordinateur DELL G3

Quelle est l'essence du CSS ?

L'essence du CSS est de définir les règles de style des éléments et d'indiquer au navigateur comment afficher les éléments dans les pages Web.

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 toutes les tailles et styles de police et a la capacité de modifier les objets de page Web et les styles de modèle.

CSS fournit une description de style pour le langage de balisage HTML, définissant la manière dont les éléments qu'il contient 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 :

(1) Définitions de style riches

CSS offre 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, et La distance entre la bordure de l'élément et les autres éléments, ainsi que la distance entre la bordure de l'élément et le contenu de l'élément ; vous permettant de modifier à volonté la majuscule, la décoration et d'autres effets de page du texte.

(2) 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 CSS spécial fichier vers Pour référence dans les pages HTML. 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.

(3) 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.

(4) Cascade

En termes simples, la 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.

(5) 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 HTML. des balises seront générées, augmentant ainsi la taille du fichier d'échange. 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 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!