Maison > Article > programmation quotidienne > Trois façons d'ajouter du CSS

Trois façons d'ajouter du CSS

autoloadoriginal: 2021-03-31 11:54:176380parcourir

Trois façons dajouter du CSS

Le style CSS est une partie importante de la création de pages Web frontales, donc comment utiliser et introduire le style CSS est particulièrement important. Cet article présente principalement trois façons d'utiliser le style CSS.

1. Utiliser des styles externes :

 <head>
    <link rel="stylesheet" href="style.css">
 </head>

Le fichier style.css est le suivant

 h1 {        
     color: blue;        
     background-color: yellow;        
     border: 1px solid black;
      }     
 p {        
     color: red;
      }

Quand remplir le href Est l'emplacement du fichier CSS

2 Utiliser des styles internes :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

<!-- 内部样式 内部脚本-->
 <style>
 h1 {        
     color: blue;        
     background-color: yellow;        
     border: 1px solid black;
      }     
 p {        
     color: red;
      }
 </style>

<p>php.cn</p>

</body>
</html>

3. Utilisez des styles en ligne (style en ligne) :

<body>
    <h1 style="color: blue;background-color: yellow;border: 1px solid black;">Hello World!</h1>
    <p style="color:red;">Test</p>
</body>

Recommandé : "

Résumé des questions d'entretien CSS 2021 (dernier) "

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!

css href

Déclaration：

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

Article précédent：css définit l'image d'arrière-plan pour qu'elle soit floue et le contenu ne soit pas flouArticle suivant：css définit l'image d'arrière-plan pour qu'elle soit floue et le contenu ne soit pas flou

Articles Liés

Voir plus