Pourquoi devriez-vous essayer de ne pas utiliser de styles CSS en ligne ?

Le style CSS en ligne écrit les attributs de style directement dans l'attribut style de la balise de début. Il est difficile pour plusieurs éléments de partager des styles, ce qui n'est pas propice à la réutilisation du code et les codes HTML et CSS sont mélangés ; et les styles structurels ne sont pas séparés, ce qui n'est pas propice au programme. Il est difficile à lire pour les lecteurs et les moteurs de recherche, ce qui n'est pas propice à une maintenance ultérieure.

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

Recommandé : Tutoriel vidéo CSS

Style en ligne CSS

Écrivez l'attribut style directement dans l'attribut style du début tag

<div style="属性名称:属性值;属性名称:属性值;"></div>

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 mixte, et le style structurel n'est pas séparé. Pratique à lire pour les programmeurs et les moteurs de recherche, mais peu propice à une maintenance ultérieure
  

Remarque :

• Pour les développeurs, la séparation du style et du HTML permet de changer un nouveau style plus tard (on peut aussi dire qu'il s'agit d'un nouveau thème. De nombreux frameworks d'interface utilisateur changent directement de thème)

• Pour le navigateur, le fichier de style étant un fichier distinct, un cache peut être créé localement, ce qui est bénéfique pour accélérer l'accès aux pages Web.

• Pour le serveur, si le navigateur de fichiers de style réduit le chargement, le serveur peut réduire le trafic de téléchargement et économiser la bande passante du serveur.

Bien que ces choses soient triviales pour un utilisateur, lorsque l'ordre de grandeur atteint un certain niveau, un octet de trafic est très important, alors essayez de ne pas utiliser de styles en ligne CSS.

Pour plus de connaissances liées à la programmation, veuillez visiter :

Enseignement de la 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!