Il existe trois façons principales d'intégrer des styles CSS dans du HTML : 1 Définissez l'attribut de la balise, qui est. appelé le 2. Utilisez la balise dans la balise <head> du HTML, qui est appelée </p> <p>3. est appelé style intégré Feuille de style externe. </p> <p>Les feuilles de style de base modifient généralement l'apparence des balises HTML telles que <body> et <p>. Lors de l'utilisation de fichiers CSS ou de feuilles de style dans les fichiers d'en-tête, nous pouvons également définir des classes de style et les appliquer à n'importe quel élément en utilisant l'attribut <code>class="?"</code>, mais cela dépasse le cadre de ce simple guide. </p> <p><strong>Style en ligne</strong></p> <p>Caractéristiques : </p> <p>1), le style en ligne est placé dans l'élément HTML du code. </p> <p>2) Lorsque vous utilisez des styles en ligne, les styles n'affecteront que les éléments que vous sélectionnez. </p> <p>3), les styles en ligne n'ont pas de sélecteurs </p> <p>Remarque : les styles en ligne définis en HTML ne s'appliquent qu'aux balises auxquelles ils sont ajoutés. <br></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false"><p style="color:red;">Some red text</p></pre><div class="contentsignin">Copier après la connexion</div></div><p>Avantages : </p><p>1 Très utile si vous souhaitez tester et prévisualiser les modifications. </p><p>2. Très utile pour une réparation rapide. </p><p>3. Réduisez les requêtes HTTP. </p><p>Inconvénients : </p><p>Le CSS en ligne doit être appliqué à chaque élément. </p><p><strong>Style intégré</strong></p><p>Fonctionnalités : </p><p>1), placé dans la balise de style<style type ="text/css"> style> écrit dans la section d’en-tête de la page Web. </p><p>2), le style écrit ne sera utilisé que sur la page web où vous l'utilisez. </p><p>3), les styles intégrés sont aussi appelés "styles internes" </p><p>Les styles définis dans l'en-tête seront appliqués à l'ensemble de la page. L'exemple ci-dessous fera que toutes les balises h1 de la page afficheront le titre en rouge. <br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false"><head> <style type="text/css"> h1 { color: red; } Copier après la connexionAvantages : 1 La feuille de style n'affecte qu'une seule page. 2. Les feuilles de style internes peuvent utiliser des classes et des identifiants. 3. Pas besoin de télécharger plusieurs fichiers. HTML et CSS peuvent être dans le même fichier. Inconvénients : 1. Augmentation du temps de chargement des pages. 2. Cela n'affecte qu'une seule page - inutile si vous souhaitez utiliser le même CSS sur plusieurs documents. Feuille de style externeComme les fichiers HTML, les fichiers CSS sont du texte brut et ont généralement une extension de fichier .css. Ils peuvent être liés via des balises spécifiques dans le fichier HTML ; . Caractéristiques : 1), rédigé dans un document séparé puis joint à divers documents web 2), le modifier peut affecter toutes les pages que vous appelez 3), facile à modifier Par exemple, le contenu du fichier style.css peut être le suivant : body { background-color: beige; color: #000080;} h1 { color: red;}Copier après la connexionEnsuite vous pouvez utiliser L'en-tête est introduit pour prendre effet. Copier après la connexionAvantages : 1. La taille de la page HTML est plus petite et la structure est plus claire. 2. Vitesse de chargement plus rapide. 3. Le même fichier .css peut être utilisé sur plusieurs pages. Inconvénients : La page peut ne pas s'afficher correctement tant que le CSS externe n'est pas chargé.
