L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
CSS est un langage de programmation utilisé pour représenter les styles HTML. C'est un langage de style qui peut séparer les pages Web et le contenu.
CSS est principalement utilisé pour concevoir le style des pages Web et embellir les pages Web ; il peut non seulement modifier les pages Web de manière statique, mais également formater dynamiquement divers éléments des pages Web en conjonction avec divers langages de script.
CSS peut effectuer 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.
Les styles CSS comprennent principalement les trois types suivants : les styles en ligne (styles en ligne), les styles internes (styles en ligne), les styles externes (styles externes)
1. L'intérieur de la structure, c'est-à-dire le style écrit dans la balise ; écrit à l'intérieur de la partie de début de la balise, dans l'attribut style. <标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>
Exemple :
<h1 style="color:red;">style属性的应用</h1>Avec cette méthode, vous pouvez facilement définir le style d'un élément individuellement.
Sans fichiers de feuille de style, l'efficacité peut être améliorée à certains moments ;
L'effet de style utilisant l'attribut style sera le plus fort et remplacera le même effet de style que celui des autres méthodes d'introduction ; .
Inconvénients :
Il est difficile pour plusieurs éléments de partager des styles, ce qui n'est pas propice à la réutilisation du code ;
Les codes HTML et CSS sont mélangés, ce qui n'est pas propice à la lecture des programmeurs et des moteurs de recherche ;
est écrit à l'intérieur de la page HTML, stocké dans la balise head, et le style est écrit dans la balise style. <style>选择器 {属性名：属性值；属性名：属性值；......}</style>Exemple :
3. Styles externes (Style de lien externe) :
Le code est écrit dans le fichier CSS. Créez ensuite un lien vers la page via la balise de lien , et l'instruction de lien doit être placée dans la zone de balise Si le style CSS est placé dans un fichier en dehors du document de page Web, on l'appelle une feuille de style externe. Un document de feuille de style CSS représente une feuille de style externe.
En fait, une feuille de style externe n'est qu'un fichier texte avec l'extension .css. Lorsque vous copiez le code de style CSS dans un fichier texte et que vous l'enregistrez en tant que fichier .css, il s'agit d'une feuille de style externe.
Comme le montre la figure ci-dessous, il s'agit d'une feuille de style externe :
Façons d'introduire des feuilles de style externes : 
Les fichiers HTML font référence à des feuilles de style avec l'extension .css. Il existe deux manières : lien. tapez et tapez le type d'importation. 1), style de lien CSS
Le style de lien fait référence à la définition d'une feuille de style CSS en externe et à la formation d'un fichier avec une extension .CSS, puis à la création d'un lien vers la page via la balise de lien être placé dans la zone de balise
de la page.Grammaire :
<link type="text/css" rel="styleSheet" href="CSS文件路径" />
2), Import CSS
L'import est déclaré dans la balise
Grammaire :
<style type="text/css">
@import url("css文件路径");
</style>Exemple simple :
Avantages :
Réaliser une séparation complète de la structure et du code de performance
Pratique pour la réutilisation et la maintenance
Parce qu'il est séparé en fichiers séparés, la taille du fichier HTML est considérablement réduite, ce qui rend la structure de la page plus facile à lire par les programmeurs et les robots d'exploration du Web
pour les moteurs de recherche Convivial, il permet aux moteurs de recherche d'évaluer la page plus haut, ce qui est bénéfique pour le classement de la page dans les moteurs de recherche
La feuille de style externe est mise en cache sur l'ordinateur de l'utilisateur après la première visite de l'utilisateur, et il n'est pas nécessaire de la charger sur lors de la prochaine visite
Inconvénients :
S'il existe de nombreux styles, le fichier CSS deviendra très volumineux et difficile à trouver. De plus, un fichier CSS supplémentaire signifie une requête HTTP supplémentaire, ce qui augmentera la pression sur le serveur d'un site Web très visité.
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!
