Cet article expliquera comment introduire les feuilles de style CSS et les avantages et inconvénients entre elles. Il a une certaine valeur de référence et j'espère qu'il sera utile à tout le monde.
Les feuilles de style peuvent être introduites dans CSS de trois manières :
(1) Style en ligne
(2) Style intégré
(3) Styles externes
Chacun de ces styles CSS a ses avantages et ses inconvénients. Ensuite, nous vous les présenterons en détail
Styles en ligne
Fonctionnalités : (1) Les styles en ligne sont placés dans les éléments HTML du code.
(2) Lorsque vous utilisez des styles en ligne, les styles n'affecteront que les éléments que vous sélectionnez.
(3) Le style en ligne n'a pas de sélecteur
Exemple :
<div style="width:100px;height:100px;border:1px solid #ccc"><div>
Ce style en ligne CSS uniquement Vous pouvez modifiez la largeur et la hauteur de ce div. Cela ne changera pas le style d’un div ou d’un attribut sur la page. C'est l'une des limites des styles en ligne. Ce n'est pas une bonne pratique car ils n'apportent des modifications qu'à des éléments spécifiques, les styles en ligne sont également très spécifiques. Cela rend difficile leur remplacement par d'autres styles non en ligne et, en fait, nous utilisons rarement des styles en ligne sur les pages Web.
Style intégré
Caractéristiques : (1) Est placé dans la balise de style