Quelles sont les trois principales formes d'utilisation du CSS sur la page ?-Questions et réponses frontales-php.cn

Trois formes : 1. Écrivez le style dans l'attribut style de la balise, la syntaxe est "85cca4b644d858bd8c472c16135cb0cd" 2. Écrivez le style dans la paire de balises de style, la syntaxe est "5acb2385e9933f6f9f2a750d3f9b022acode 531ac245ce3e4fe3d50054a55f265927”; 3. Mettez le code CSS dans le fichier “.css” et introduisez-le à l’aide de la balise de lien.

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

1. Style en ligne

définit le style de l'élément via l'attribut style de la balise. Son format de syntaxe de base est le suivant :

内容 Dans la syntaxe, le style est l'attribut de la balise. toute balise HTML a l'attribut style. Utiliser Pour définir le style en ligne, la spécification d'écriture de la valeur de l'attribut est la même que la règle de style CSS. Le style en ligne fonctionne sur toutes ses balises et les sous-balises qui y sont imbriquées.

2. Feuille de style interne

Le style en ligne consiste à écrire le code CSS dans la balise head du document HTML et à le définir avec la balise style. Son format de syntaxe de base est le suivant :

css选择器{ 属性:值; 属性:值; } Dans la syntaxe, la balise de style Généralement située après la balise head, elle peut également être placée n'importe où dans le document HTML.

3. Style de lien externe

Le style de lien consiste à placer tous les styles dans un ou plusieurs fichiers de feuille de style externe avec une extension CSS et à lier les styles externes au document HTML via la balise de lien. suit :

属性 说明 rel 定义当前文档与别链接文档之间的关系，"stylesheet"表示：被链接的文档是一个样式表文件 href 定义所链接的外部样式表文件的URL，可以是相对路径，也可以是绝对路径 Avantages :

réalise la séparation complète de la structure et du code de performance

facilite la réutilisation et la maintenance

Parce qu'il est séparé en fichiers séparés, la taille du fichier HTML est réduite de manière significative, rendant ainsi la structure de la page plus facile à lire par les programmeurs et les robots d'exploration du Web

Convivial pour les moteurs de recherche, permettant aux moteurs de recherche d'évaluer la page plus haut, ce qui est bénéfique pour le classement des pages dans les moteurs de recherche

Les feuilles de style externes sont présentes après le Lors de la première visite de l'utilisateur, il sera mis en cache sur l'ordinateur de l'utilisateur et il n'est pas nécessaire de le charger pour la prochaine visite

Inconvénients :

S'il existe de nombreux styles, le fichier CSS deviendra très grand et difficile à trouver. De plus, un fichier CSS de plus signifie une requête HTTP de plus, ce qui augmentera la pression sur le serveur dans un site Web très visité

(Partage vidéo d'apprentissage : Tutoriel vidéo CSS )