Introduction aux feuilles de style CSS et aux multiples priorités de style-tutoriel CSS-php.cn

Introduction aux feuilles de style CSS et aux multiples priorités de style

Il existe trois façons d'insérer une feuille de style, à savoir :

1. Feuille de style externe

2. >

3. Styles en ligne

Feuilles de style externes

Avec les feuilles de style externes, vous pouvez modifier l'apparence de l'ensemble du site en modifiant un fichier. Chaque page est liée à la feuille de style à l'aide de la balise La balise est dans l'en-tête (du document) :

L'exemple est le suivant :

<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>

Copier après la connexion

Le navigateur lira la déclaration de style du fichier mystyle.css et formatera le document selon celui-ci.

Les feuilles de style externes peuvent être modifiées dans n'importe quel éditeur de texte. Le fichier ne peut contenir aucune balise HTML. Les feuilles de style doivent être enregistrées avec une extension .css. Voici un exemple de fichier de feuille de style :

hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}

Copier après la connexion

Remarque : Ne laissez pas d'espace entre la valeur de l'attribut et l'unité (comme : "margin-left: 20 px"), le l'écriture correcte est " margin-left: 20px" .

(Tutoriel vidéo recommandé :

Tutoriel vidéo CSS)

Feuille de style interne

Lorsqu'un seul document a besoin spécial Lors du style, vous devez utiliser une feuille de style interne. Vous pouvez définir une feuille de style interne en tête du document à l'aide de la balise