Quelles sont les trois façons d'utiliser CSS3-Questions et réponses frontales-php.cn

Quelles sont les trois façons d'utiliser CSS3

WBOY

Libérer： 2022-01-24 11:15:38

original

2851 Les gens l'ont consulté

Trois façons d'utiliser CSS3 : 1. Style en ligne, la syntaxe est ""; 2. Style interne, la syntaxe est ""; 3. Style externe, la syntaxe est "".

Quelles sont les trois façons d'utiliser CSS3

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

Quelles sont les trois façons d'utiliser CSS3 ? 1. Style en ligne

Le style en ligne est défini via l'attribut style, et la valeur de l'attribut peut être n'importe quel style CSS.

  <!DOCTYPE html>
  <html>
  <head>
      <meta charset="UTF-8">
      <title>内联样式</title>
  </head>
  <body>
     <p style="background: red"> I  love  China!</p>
  </body>
 </html>

Copier après la connexion

　 Effet d'affichage :

Quelles sont les trois façons dutiliser CSS3 2. Style interne

　 Le style interne est défini dans la partie d'en-tête du document et est défini via la balise de style. Vous devez utiliser le sélecteur d'élément (p) pour associer le style à la balise à styliser (balise p).

  <!DOCTYPE html>
  <html>
  <head>
     <meta charset="UTF-8">
      <title>内联样式</title>
     <style type="text/css">
         p{ 
              background: green;
          }
    </style>
 </head>
 <body>
    <p> I  love  China!</p>
 </body>
 </html>

Copier après la connexion

　 Effet :

Quelles sont les trois façons dutiliser CSS3 3. Style externe

Définissez le style css dans *.css en dehors du document, puis introduisez-le via l'élément de lien dans la partie d'en-tête du document.

  <!DOCTYPE html>
  <html>
  <head>
      <meta charset="UTF-8">
      <title>内联样式</title>
      <link rel="stylesheet" href="style.css">
  </head>
  <body>
      <p> I  love  China!</p>
</body>
 </html>

Copier après la connexion

　 Contenu du fichier Style.css :

p{ 
             background: yellow;
        }

Copier après la connexion

Effet d'affichage :

Quelles sont les trois façons dutiliser CSS3 a. Importez les styles d'autres feuilles de style dans une feuille de style externe

Importez le style.css

@import "style.css";
 body{
     background: red;
}

Copier après la connexion

ci-dessus dans le combine.css file Introduisez le fichier combine.css dans le fichier HTML

  <!DOCTYPE html>
  <html>
 <head>
      <meta charset="UTF-8">
      <title>document</title>
      <link rel="stylesheet" href="combine.css">
  </head>
  <body>
      <p> I  <span>love</span>  China!</p>
 </body>
 </html>

Copier après la connexion

　 Effet :

Quelles sont les trois façons dutiliser CSS3 (Partage vidéo d'apprentissage :