Quelles sont les caractéristiques de la feuille de style CSS

Caractéristiques de la feuille de style CSS : 1. Définitions de style riches ; 2. Facile à utiliser et à modifier, la feuille de style CSS peut stocker toutes les déclarations de style de manière unifiée et les gérer de manière uniforme 3. Application multipage, plusieurs styles de page peuvent être utilisés. être réalisé Unification; 4. Cascade; 5. Compression des pages pour réduire le temps de téléchargement.

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

Qu'est-ce que CSS

CSS est l'abréviation de Cascading Style Sheet, qui se traduit par « feuille de style en cascade » en chinois. C'est un balisage utilisé pour contrôler le style des pages Web et permet la séparation des styles. code à partir du contenu Web.

En termes simples, CSS a été introduit pour permettre au langage HTML de mieux s'adapter à la conception artistique de la page.

CSS a été révisé et recommandé par le W3C en 1996. L'introduction du CSS a immédiatement déclenché de nouveaux sommets dans la conception Web, et d'excellentes pages conçues avec CSS ont émergé les unes après les autres.

W3C est l'abréviation de World Wide Web Consortium, traduit par « World Wide Web Alliance » en chinois, et est une organisation de normalisation du Web. En plus de développer des normes CSS, le W3C a également développé plus de 200 normes technologiques Web telles que HTML et XML.

CSS est basé sur le langage HTML et fournit des fonctions de formatage riches, telles que les polices, les couleurs, les arrière-plans et la mise en page globale. Les concepteurs Web peuvent définir différents styles pour divers navigateurs visuels, notamment les moniteurs et les imprimantes, les tablettes, les téléphones mobiles et autres mobiles. appareils.

Caractéristiques de la feuille de style CSS :

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 document ; é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 fichier spécial. Fichier CSS. 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 plusieurs fois le même style 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 spécifications diverses. Des balises HTML seront générées. Cela augmente 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.

(Partage de vidéos d'apprentissage : 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!