Maison > interface Web > tutoriel CSS > Quelles sont les trois façons d'utiliser les feuilles de style CSS ?

Quelles sont les trois façons d'utiliser les feuilles de style CSS ?

青灯夜游
Libérer: 2021-01-18 10:12:06
original
31323 Les gens l'ont consulté

Les trois méthodes sont : 1. Feuille de style en ligne, utilisant l'attribut style pour ajouter directement du code CSS au balisage HTML. 2. Dans la feuille de style interne, écrivez le style CSS dans la balise "

" et déclarez-le avec la balise "

L'environnement d'exploitation de cet article : Acer S40-51, HBuilder

Il existe trois façons d'utiliser les feuilles de style CSS :

Feuilles de style en ligne

  • Feuilles de style internes

  • Feuille de style externe

  • Feuille de style en ligne

Le style en ligne est Utilisez l'attribut style pour ajouter du code CSS directement à la balise HTML, c'est-à-dire qu'il existe en tant que balise d'attribut du Balise HTML. Exemple :

<h1 style="color:red;">style属性的应用</h1>
Copier après la connexion

De cette façon, vous pouvez facilement définir un style pour un élément individuellement.

Exemple :

Avantages et inconvénients des feuilles de style en ligne : Quelles sont les trois façons dutiliser les feuilles de style CSS ?

Avantages :

Sans le fichier de feuille de style, l'efficacité peut être améliorée à un moment donné ;

  • L'effet de style utilisant l'attribut style sera le plus fort et écrasera Supprimer le même effet de style des autres méthodes d'introduction.

  • Inconvénients :

Il est difficile pour plusieurs éléments de partager des styles, ce qui n'est pas propice à la réutilisation du code ;

  • Les codes HTML et CSS sont mélangés, ce qui rend leur lecture difficile pour les programmeurs et les moteurs de recherche.

  • Feuille de style interne

La feuille de style interne écrit le style CSS dans la balise utilise la balise