Maison > interface Web > Questions et réponses frontales > Il existe plusieurs façons d'introduire le CSS

Il existe plusieurs façons d'introduire le CSS

醉折花枝作酒筹
Libérer: 2023-01-05 16:10:50
original
14634 Les gens l'ont consulté

Il existe quatre façons d'introduire le CSS : 1. Utilisez "" pour introduire les styles CSS ; styles CSS ; 3. Écrivez le style CSS dans la balise style ; 4. Utilisez l'attribut style pour écrire le style CSS dans la balise element.

Il existe plusieurs façons d'introduire le CSS

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

(1) Type de lien : utilisez la balise dans la paire de balises de la page Web pour introduire des fichiers de feuille de style externes et utilisez des règles HTML pour introduire des fichiers de feuille de style externes. css (utiliser plus Plus) :

<link href="./mystyle.css" rel="stylesheet" type="text/css"/>
Copier après la connexion

(2) Importer : introduire un fichier .css indépendant dans le fichier HTML L'importation utilise des règles CSS pour introduire des fichiers CSS externes. in Dans la balise, la syntaxe utilisée est la suivante :

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

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) Fichier CSS en ligne, écrivez le CSS directement dans l'en-tête, tel que :

<style type="text/css">
    p{
        margin: 0;
        padding: 0;
        border:1px red solid;
    }
</style>
Copier après la connexion

Cette méthode est beaucoup moins utilisée, et le plus long qu'elle puisse voir est le nombre de visite le grand portail. 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 : Vitesse rapide, tous les contrôles CSS sont destinés à cette balise de page, il n'y a pas de commandes CSS redondantes et il n'est pas nécessaire de lier des fichiers CSS externes ; Lisez les styles directement dans les documents 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 un autre 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

<p style="border:1px red solid;">测试信息</p>
Copier après la connexion

Lieux qui ne changent pas fréquemment. Il peut être utilisé une seule fois, mais il doit être utilisé avec prudence, il ne convient pas au public.

Apprentissage recommandé : 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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal