" 2. Écrivez le style dans la paire de balises style, avec la syntaxe "

Quelles sont les trois principales formes d'utilisation du CSS sur la page ?

青灯夜游
Libérer: 2023-01-07 11:41:37
original
7517 Les gens l'ont consulté

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

Quelles sont les trois principales formes d'utilisation du CSS sur la page ?

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 :

内容
Copier après la connexion

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 :

  
Copier après la connexion

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 :

Copier après la connexion
属性 说明
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)

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
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!