Comment référencer CSS dans phpstorm

4 façons d'introduire les fichiers CSS

(1) Type de lien : dans le page Web Utilisez la balise dans la balise pour introduire des fichiers de feuille de style externes et utilisez des règles HTML pour introduire du CSS externe (plus utilisé) :

<link href="./mystyle.css" rel="stylesheet" type="text/css"/>

Recommandations associées : "Tutoriel d'utilisation de PhpStorm 》

(2) Importer : Introduire un fichier .css indépendant dans le fichier HTML L'import utilise des règles CSS pour introduire des fichiers CSS externes. in

<style type="text/css">
    @import"mystyle.css"; 此处要注意.css文件的路径
</style>

Comparaison : La différence entre la référence de lien et la référence d'importation est la suivante : le lien est référencé avant le chargement du HTML, tandis que l'importation est référencée après le chargement du HTML. chargé. Par exemple, en utilisant une référence d'importation, la page sans styles sera affichée en premier, puis les styles seront insérés. Si vous utilisez JavaScript pour référencer dynamiquement CSS, vous devez utiliser la méthode de référence de lien pour y parvenir.

(3) Fichiers CSS en ligne, écrivez le CSS directement dans l'en-tête, tel que :

<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>

Cette méthode est rarement utilisée et est le plus souvent vue sur les portails avec des sites Web à fort trafic. Ou la page d’accueil d’un site internet d’entreprise avec un grand nombre de visites. Par rapport à la première méthode, les avantages sont remarquables et les inconvénients sont également évidents. Avantages : rapide, tous les contrôles CSS sont destinés à cette balise de page, il n'y a pas de commandes CSS redondantes et aucun fichier CSS de lien externe n'est nécessaire ; Lisez les styles directement dans le document HTML. L'inconvénient est que la révision est plus gênante, une seule page semble surchargée, CSS ne peut pas être référencé par d'autres HTML, ce qui entraîne une quantité de code relativement importante, et la maintenance est également gênante. Cependant, la plupart des entreprises qui adoptent cette méthode ont de l’argent. Pour elles, le nombre d’utilisateurs est la clé et elles ne manquent pas de personnel pour effectuer des travaux de maintenance complexes.

(4) Écrivez le style directement dans le tag

<div style="border:1px red solid;">测试信息</div>

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!