En CSS, les formulaires qui ne sont pas ajoutés à la page courante sont les "feuilles de style liées" et les "feuilles de style importées". Les feuilles de style liées et importées sont collectivement appelées feuilles de style externes. Il s'agit d'une méthode permettant d'écrire du code CSS dans un fichier ".css" externe indépendant, puis d'utiliser la balise de lien ou "@import" pour le référencer dans le fichier de page Web.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur Dell G3.
En CSS, les formulaires qui ne sont pas ajoutés à la page courante sont les "feuilles de style liées" et les "feuilles de style importées".
Les feuilles de style liées et importées sont collectivement appelées feuilles de style externes. Le code CSS est écrit dans un fichier externe distinct. Ce fichier de style CSS porte l'extension ".css".
La feuille de style externe doit être référencée dans le fichier de la page Web à l'aide de la balise de lien ou "@import".
Exemple :
<!-- 链接外部样式：也就是在与<head>与</head>标记之间加入一个<link>标记。 --> <head> <link href=”style.css” rel=”stylesheet” type=”text/css” /> </head> <!-- 导入外部样式：在内部样式表的<style></style>标记之间导入一个外部样式表，导入时用@import。 --> <style type="text/css"> @import "CssStyle.css"; </style>
[Tutoriel recommandé : Tutoriel vidéo CSS]
Les méthodes importées et liées de référencement de styles externes ont presque le même effet, les deux font référence à des fichiers de style CSS indépendants dans des fichiers de page Web, mais il existe encore quelques différences subtiles entre les deux (car la conception ne sera pas assez ennuyeuse pour créer deux choses identiques), ce qui suit est basé sur mon Discutez des deux aspects que nous avons appris :
1. L'utilisation de link link css signifie que lorsque le client parcourt votre page Web, il charge d'abord le fichier CSS externe dans la page Web, puis le compile et l'affiche, donc cette page Web affichée dans ceci Le cas a le même effet que prévu, même si la vitesse du réseau est lente, l'effet est le même. Le CSS importé à l'aide de @import est différent Lorsque le client parcourt la page Web, il présente d'abord la structure du code HTML, puis charge le fichier CSS externe dans la page Web. Bien entendu, l'effet final est le même que le précédent. , mais lorsque la vitesse du réseau est lente, la page Web HTML sans mise en page unifiée CSS sera affichée en premier, ce qui donnera aux lecteurs un très mauvais pressentiment. C'est aussi la principale raison pour laquelle le CSS de la plupart des sites Web utilise désormais des liens ;
2. L'importation de styles peut empêcher trop de pages de pointer vers un seul fichier CSS. Lorsqu'il n'y a pas beaucoup de pages utilisant le même fichier CSS sur le site Web, il n'y a presque aucune différence entre les deux méthodes en termes d'effet. Cependant, lorsque le nombre de pages sur le site Web atteint un certain niveau (comme dans le cas de portails tels que Sina). ), il peut être difficile d'utiliser la méthode des liens. Cela entraînera une baisse de vitesse en raison du fait que plusieurs pages appellent le même fichier CSS, mais généralement les sites Web pouvant atteindre ce niveau de page auront également le capital nécessaire pour utiliser le meilleur disque dur. , il n'y a donc pas lieu de s'inquiéter de ce facteur.
Sur la base des deux facteurs ci-dessus, nous pouvons constater que la plupart des sites Web préfèrent désormais utiliser des liens pour référencer du CSS externe.
Pour plus de connaissances sur la programmation informatique, veuillez visiter : Vidéo 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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
