• Votre panier est vide.

CSS intégré à une balise HTML 5

(Dernière mise à jour: 14 février 2020)

C’est bien beau ces balises html, mais on les met où ?

Vous pouvez intégrer du CSS dans des balises HTML 5, pour être beaucoup plus rapide. Pour des pages très simples, vous n’avez pas besoin de créer une feuille de style .CSS. Si c’est juste pour mettre une seule ligne sur une balise, vous n’avez pas besoin de mettre le style CSS dans le document HTML, vous pouvez l’intégrer directement sur une balise.

Sachez que cette solution existe mais réservée la à une utilisation ponctuelle, pour par exemple définir un style sur un seul élément n’apparaissant que sur une seule page de votre site.

Exemple :

<h1 style="font-style: bold;">Titre de l'article 1</h1>

<h1>Titre de l'article 2</h1>

Sur cet exemple, vous utilisez deux titres de niveau 1. Ils seront tous les deux écrits plus gros que le reste du texte de votre page. Par contre, le premier sera en gras tandis que le second utilisera uniquement avec le style par défaut, donc il ne sera pas en gras.

Ce style est donc à manier avec précaution, car le texte ne respectera peut-être pas le style de votre site. Et surtout ce type de codage ne permet pas de faire évoluer la présentation de votre site. Utilisez cette technique pour des petites pages ou pour des cas très particuliers.

Faisons un autre exemple :

<body>
...
<div style="background-image:url(images/fond.jpg); border-color: #849460; border-style:solid;
border-width: 2px; border-radius: 10px; width:300px; margin:auto; text-align:left; padding-left:80px;">
Contenu de votre élément
</div>
...
</body>

Dans tous les cas, il est préférable d’identifier les balises concernées à l’aide de noms afin de leur appliquer des règles distinctes. Nous verrons cela avec la feuille de style interne.

0 responses on "CSS intégré à une balise HTML 5"

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

© Develop4fun. Tous les droits réservés.
%d blogueurs aiment cette page :