Découvrez comment appeler CSS

Dans le développement front-end, CSS fait partie intégrante. CSS peut nous aider à ajouter des styles aux pages Web, à rendre nos pages plus belles et également à rendre les pages Web plus professionnelles et plus faciles d'accès pour les utilisateurs. Dans cet article, nous explorerons comment appeler CSS.

1. Style en ligne

Le CSS peut être écrit dans la balise Les styles en ligne conviennent au style d'éléments individuels et ont la plus haute priorité.

//Code HTML Ceci est un élément div

Dans l'exemple ci-dessus, nous utilisons des styles en ligne pour la couleur d'arrière-plan du div est défini sur rouge et la couleur du texte est définie sur blanc. Il convient de noter que les styles en ligne doivent être utilisés le moins possible, sinon le code HTML sera long et difficile à maintenir.

2. Styles intégrés

Le CSS peut également être écrit dans la balise du document HTML. Ce type de CSS est appelé style intégré. Les styles en ligne conviennent au style de plusieurs éléments et ont une priorité moyenne.

//Code HTML

div { background-color: blue; color: white; } p { font-size: 14px; } Copier après la connexion

这是一个 div 元素 这是一个 p 元素

Copier après la connexion Copier après la connexion

Dans l'exemple ci-dessus, nous utilisons des styles en ligne pour changer la couleur d'arrière-plan du div Définissez le bleu et la couleur du texte sur le blanc, tout en définissant la taille de la police du p sur 14 px. Il convient de noter que les styles intégrés ne peuvent pas être référencés en externe et ne conviennent donc pas à une gestion unifiée.

3. Feuille de style externe

La meilleure façon est d'écrire du CSS dans une feuille de style externe, puis de pointer vers la feuille de style externe via un lien séparé. Cela rendra non seulement le code HTML plus concis, mais permettra également une meilleure gestion unifiée des styles.

// Code HTML

Copier après la connexion

这是一个 div 元素 这是一个 p 元素

Copier après la connexion Copier après la connexion

// style.css code div {

background-color: green; color: white; Copier après la connexion } p {

font-size: 16px; Copier après la connexion }

Dans l'exemple ci-dessus, nous avons écrit le CSS dans un fichier style.css séparé, puis l'avons associé au document HTML via un lien. Il convient de noter que les feuilles de style externes conviennent au style de l'ensemble du site Web et peuvent être partagées par plusieurs documents HTML.

Résumé

Qu'il s'agisse de styles en ligne, de styles intégrés ou de feuilles de style externes, nous pouvons appeler des styles CSS via eux. Cependant, nous devons choisir différentes méthodes en fonction de la situation réelle.

Les styles en ligne conviennent au style d'éléments individuels ; les styles intégrés conviennent au style de plusieurs éléments ; les feuilles de style externes conviennent au style de l'ensemble du site Web et peuvent être partagées par plusieurs documents HTML.