Maison > Article > interface Web > qu'est-ce que le CSS en ligne

qu'est-ce que le CSS en ligne

青灯夜游original: 2021-12-29 15:40:164699parcourir

css inline fait référence à l'utilisation de l'attribut style pour écrire le code de style CSS dans l'élément de balise html spécifié, qui existe en tant que balise d'attribut de la balise HTML, avec la syntaxe "

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Css inline fait référence à l'utilisation de l'attribut style pour écrire le code de style CSS dans l'élément de balise html spécifié, qui existe en tant que balise d'attribut de la balise HTML.

Syntaxe :

<element style="style_definitions">

Value style_definitions : Pour une ou plusieurs propriétés et valeurs CSS séparées par des points-virgules. (Par exemple : style="color:blue;text-align:center")

Exemple :

<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title>css行内样式</title>
</head>
<body>
<div style="width:100px;height:100px;background:red;"></div>
</body>
</html>

quest-ce que le CSS en ligne

Caractéristiques du CSS en ligne :

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), Les styles en ligne n'ont pas de sélecteurs

Remarque : les styles en ligne définis en HTML ne s'appliquent qu'aux balises auxquelles ils sont ajoutés.

Il est recommandé de ne pas utiliser de styles en ligne car chaque balise HTML doit être stylisée séparément. Si vous utilisez uniquement des styles en ligne, il peut devenir très difficile de gérer le site Web. Toutefois, cela peut être utile dans certaines situations. Par exemple, dans les situations où vous n'avez pas accès aux fichiers CSS ou où vous devez uniquement appliquer des styles à un seul élément.

(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelle est l'utilisation de select2 dans jqueryArticle suivant：Quelle est l'utilisation de select2 dans jquery

Articles Liés

Voir plus