où est le fichier CSS

CSS (Cascading Style Sheets) est une partie très importante de la conception Web, utilisée pour définir et contrôler l'apparence et la mise en page des documents HTML. Dans le processus de développement du site Web, l’utilisation de fichiers CSS est souvent impliquée. Alors, où sont stockés les fichiers CSS ? Cet article présentera et répondra à cette question en détail.

Qu'est-ce qu'un fichier CSS ? Tout d'abord, nous devons comprendre ce qu'est un fichier CSS. En termes simples, un fichier CSS est un fichier texte utilisé pour contrôler le style d'une page Web. Il contient une série de règles de style pour définir la couleur, la mise en page, la police et d'autres effets visuels des divers éléments de la page Web. Les fichiers CSS sont généralement enregistrés au format de fichier .css et peuvent être référencés via des liens dans des documents HTML.

L'emplacement de stockage des fichiers CSS L'emplacement de stockage des fichiers CSS peut être divisé en deux situations : les feuilles de style internes et les feuilles de style externes.

(1) Feuille de style interne

La feuille de style interne fait référence à l'écriture de code CSS directement dans la balise

CSS文件在哪里 p { color: red; font-size: 16px; } 这是一段红色的文字，字体大小为16px。

Comme le montre le code ci-dessus, le style CSS ajouté via la balise dans la balise Dans le développement réel, l'utilisation de feuilles de style internes est moins courante car la répétition du code CSS dans chaque fichier HTML entraînera une redondance et augmentera la taille du fichier.

(2) Feuille de style externe

La feuille de style externe fait référence à l'enregistrement du code CSS dans un fichier .css séparé et à son référencement dans le document HTML via la balise

CSS文件在哪里 这是一段红色的文字，字体大小为16px。

Comme le montre le code ci-dessus, l'attribut href dans la balise spécifie le chemin d'accès au fichier .css externe. Ce chemin peut être un chemin relatif ou un chemin absolu. Dans le développement réel, les styles CSS sont généralement enregistrés dans un fichier .css distinct, ce qui peut améliorer la lisibilité et la maintenabilité du fichier.

Comment référencer des fichiers CSS Il existe deux manières de référencer des fichiers CSS : la référence directe et la référence via CDN.

(1) Citation directe

Dans le développement local, nous introduisons généralement des fichiers CSS dans les documents HTML par citation directe. Les fichiers CSS peuvent être référencés via des chemins relatifs ou absolus.

La méthode de référence de chemin relatif est la suivante :

CSS文件在哪里 这是一段红色的文字，字体大小为16px。

Lors du référencement de fichiers CSS via des chemins relatifs, il convient de noter que la position de départ du chemin est le chemin où se trouve le document HTML. Par conséquent, nous pouvons utiliser ../ pour revenir au chemin précédent.

La méthode de référence de chemin absolu est la suivante :

CSS文件在哪里 这是一段红色的文字，字体大小为16px。

Lors du référencement d'un fichier CSS via un chemin absolu, il convient de noter que le chemin du fichier CSS est un lien URL complet et doit inclure des en-têtes de protocole tels que http : // ou https:// .

(2) Référence via CDN

CDN (Content Delivery Network) fait référence au réseau de distribution de contenu, qui peut fournir des services de téléchargement de fichiers aux visiteurs plus rapidement en déployant des ressources sur plusieurs serveurs de nœuds à travers le monde. En développement réel, nous pouvons améliorer la vitesse de chargement et la convivialité de la page en introduisant le fichier CSS fourni par le CDN dans le document HTML.

La méthode de référence CDN est la suivante :

CSS文件在哪里 这是一段红色的文字，字体大小为16px。

Lorsque vous référencez un fichier CSS via un CDN, vous devez remplacer l'attribut href dans la balise par l'adresse du lien du fichier CSS fournie par le CDN.

Résumé Dans le processus de développement du site Web, l'utilisation de fichiers CSS est nécessaire. À partir de cet article, nous pouvons voir que l'emplacement de stockage des fichiers CSS peut être divisé en feuilles de style internes et feuilles de style externes. Afin d'améliorer la lisibilité et la maintenabilité des fichiers, nous utilisons généralement des feuilles de style externes. Les fichiers CSS peuvent être référencés directement ou via CDN. Quelle que soit la méthode de référence utilisée, tant que le chemin est correct, le fichier CSS peut être référencé avec succès.