Maison  >  Article  >  interface Web  >  Comment lier CSS dans les pages Web

Comment lier CSS dans les pages Web

PHPz
PHPzoriginal
2023-04-13 10:48:032044parcourir

En web design, le CSS (feuille de style) fait partie des compétences qu'il faut maîtriser. La liaison de fichiers CSS est une opération courante dans la conception Web. Apprenons à lier CSS.

Tout d'abord, nous devons préparer un fichier CSS. Les fichiers CSS ont généralement un suffixe .css et contiennent des règles de style CSS. Vous pouvez utiliser un éditeur de texte ou un éditeur CSS pour écrire des fichiers CSS. Voici un exemple simple de fichier CSS :

body {
    background-color: lightblue;
}

h1 {
    color: navy;
    margin-left: 20px;
}

Les règles de style CSS ci-dessus définissent la couleur d'arrière-plan et la couleur du titre de la page Web. Ensuite, nous devons lier ce fichier CSS au document HTML afin que les styles puissent être appliqués au contenu Web.

Il existe deux manières de lier des fichiers CSS : les styles internes et les styles externes.

Style interne

Le style interne fait référence à l'écriture de règles de style CSS dans la balise