feuille de style css3 introduction-notes d'étude 7

Feuille de style en ligne (style en ligne)

La feuille de style interne (feuille de style intégrée) est écrite à l'intérieur de la page html, elle extrait tout le code CSS et le met dans une seule <style>balise.

<style> 
    div {
    
     
      color: red; 
      font-size: 12px; 
    } 
 </style> 

Feuille de style interne (intégrée)

La feuille de style en ligne (feuille de style en ligne) consiste à définir le style CSS dans l'attribut style à l'intérieur de la balise d'élément. Convient pour modifier des styles simples.

<div style="color: red; font-size: 12px;">青春不常在，抓紧谈恋爱</div> 

Feuille de style externe (liée)

C'est le plus couramment utilisé, qui réalise complètement la séparation des styles structurels. Il
y a deux étapes pour introduire des feuilles de style externes:

• Créez un nouveau fichier de style avec le suffixe .css et mettez tous les codes CSS dans ce fichier.
• Dans la page HTML, utilisez des balises pour importer ce fichier.

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

Pour résumer