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

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

青灯夜游

Libérer： 2023-01-07 11:41:37

original

7539 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 :

<element style="属性:值;属性:值;...">内容</element>

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 :

<head>  
<style type="text/css"> 
css选择器{ 
  属性:值;
  属性:值;
}
</style> 
</head>

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 :

<link rel="stylesheet" type="text/css" href="css文件路径" />

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!