Que sont les attributs de style CSS

Tutoriels recommandés : Tutoriel CSS

Introduction

Cascading Style Sheets (nom complet anglais : Cascading Style Sheets) est une application utilisée pour exprimer HTML (une application du langage de balisage généralisé standard) ou XML (un sous-ensemble du langage de balisage standard (ensemble de langages de balisage généralisés) et d'autres styles de fichiers de langages informatiques. 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 fournir 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.

Fonctionnalités du langage

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.

De manière générale, CSS présente les caractéristiques suivantes :

Définitions de style riches

CSS fournit une apparence de style de document riche, ainsi que la définition du texte et du capacité de l'attribut background ; vous permet de créer une bordure pour n'importe quel élément, ainsi que la distance entre la bordure de l'élément et les autres éléments, et la distance entre la bordure de l'élément et le contenu de l'élément vous permet de modifier librement la majuscule, la décoration ; , et d'autres effets de page de texte.

Facile à utiliser et à modifier

CSS peut définir le style dans l'attribut style de l'élément HTML, ou dans la partie en-tête du document HTML, ou dans le Les styles sont déclarés dans un fichier CSS spécial 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 portant le même nom, ou vous pouvez attribuer un style CSS à un certain style. dans les éléments de la 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

Les feuilles de style CSS peuvent être stockées 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.

Cascading

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.

Compression de page

Dans les sites Web qui utilisent HTML pour définir des 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. De cette façon, la conséquence est qu'un grand nombre de balises HTML seront générées, augmentant ainsi la taille du fichier de page. 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.

Comment ça marche

CSS est un langage qui définit des structures de style telles que les polices, les couleurs, les positions, etc., et est utilisé pour décrire les éléments des pages Web. La manière dont les informations sont formatées et réalistes. Les styles CSS peuvent être stockés directement dans des pages Web HTML ou dans des fichiers de feuille de style séparés. Quoi qu'il en soit, une feuille de style contient des règles permettant d'appliquer des styles aux éléments d'un type spécifié. Pour une utilisation externe, les règles de feuille de style sont placées dans un document de feuille de style externe avec l'extension de fichier _css.

Les règles de style sont des instructions de formatage qui peuvent être appliquées aux éléments d'une page Web, tels que des paragraphes de texte ou des liens. Une règle de style se compose d'un ou plusieurs attributs de style et de leurs valeurs. Les feuilles de style internes sont placées directement dans la page Web, les feuilles de style externes sont enregistrées dans des documents séparés et la page Web est liée aux feuilles de style externes via une balise spéciale.

Le « cascading » dans le nom CSS fait référence à la manière dont les règles des feuilles de style sont appliquées aux éléments d'un document HTML. Plus précisément, les styles d'une feuille de style CSS forment une hiérarchie, les styles plus spécifiques remplaçant les styles communs. La priorité des règles de style est déterminée par CSS sur la base de cette hiérarchie, obtenant ainsi un effet en cascade.

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!