Maison > interface Web > tutoriel CSS > Pourquoi utiliser CSS ?

Pourquoi utiliser CSS ?

青灯夜游
Libérer: 2020-11-23 14:48:04
original
3096 Les gens l'ont consulté

En utilisant CSS, vous pouvez déplacer la plupart, voire la totalité, des informations de présentation (style) de la page Web hors du fichier HTML pour obtenir une séparation du style et du contenu, ce qui peut réduire la taille du fichier, économiser la bande passante du réseau. et évitez la duplication du code de style. Facilitant la maintenance, le même contenu peut être utilisé dans différents styles pour atteindre des objectifs différents.

Pourquoi utiliser CSS ?

Pourquoi utiliser CSS ?

CSS vous aide à séparer le contenu informatif d'un document de la question triviale de la façon dont il est présenté. Les petites choses concernant la façon dont un document est présenté sont appelées le style du document.

css déplace la plupart, voire la totalité, des informations de présentation d'une page Web hors du fichier (X)HTML et les conserve dans une feuille de style. Séparer les styles du contenu présente les avantages suivants :

  • Réduire la taille des fichiers, économiser la bande passante du réseau

  • Éviter la duplication

  • Facilite l'entretien.

  • Les informations sur les performances du site sont séparées du contenu principal, permettant aux concepteurs du site d'apporter diverses modifications à l'ensemble du site Web dans un court laps de temps.

  • Vous pouvez utiliser le même contenu avec différents styles pour atteindre différents objectifs

CSS simplifie le code de formatage des pages Web, les feuilles de style externes sera également enregistré dans le cache du navigateur, ce qui accélère la vitesse de téléchargement et d'affichage et réduit la quantité de code à télécharger (car les formats répétés ne seront enregistrés qu'une seule fois). Tant que vous modifiez le fichier de feuille de style CS qui enregistre le format du site Web, vous pouvez modifier le style et les caractéristiques de l'ensemble du site. Cela est particulièrement utile lors de la modification d'un site comportant un grand nombre de pages. Cela évite de modifier les pages Web une à une et réduit considérablement la charge de travail.

Votre site Web peut contenir des milliers de pages similaires. Grâce à CSS, vous pouvez stocker les informations de style dans un fichier commun partagé par toutes les pages. Lorsqu'un utilisateur ouvre une page Web, le navigateur de l'utilisateur charge les styles uniquement pour le contenu de la page. Lorsqu'un utilisateur imprime une page Web, vous devez proposer différents styles pour garantir que la page imprimée est lisible.

Normalement, vous utiliserez HTML pour décrire le contenu de la page plutôt que le style, et utiliserez CSS pour spécifier le style de la page plutôt que le contenu. Bien sûr, il existe des exceptions et HTML peut également fournir certaines méthodes pour spécifier des styles. Par exemple, en HTML, vous pouvez utiliser la balise pour mettre le texte en gras et spécifier la couleur d'arrière-plan de la page dans la balise Lorsque vous utilisez CSS, vous évitez généralement d'utiliser les capacités de style de HTML afin que toutes les informations de style soient conservées au même endroit.

Pratique : Créer une feuille de style pour les documents HTML

Créer une feuille de style

1. Créez un fichier texte, ce fichier est votre feuille de style ; . Nommez-le style1.css

2. Dans votre fichier CSS, copiez la ligne de code suivante et copiez-la, puis enregistrez le fichier :

strong { color: red; }
Copier après la connexion

Liez votre document et votre feuille de style

1. Créez un autre fichier texte ; ce fichier est votre document. Nommez-le comme vous le souhaitez

2. Dans votre fichier HTML, copiez le code suivant et copiez-le. Veuillez citer votre propre feuille de style dans la ligne 🎜>Pour plus de connaissances liées à la programmation, veuillez visiter :

Cours de programmation

 ! !

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal