CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Comment intégrer des styles CSS dans l'entête d'un document HTML5

Comment intégrer des styles CSS dans l'entête d'un document HTML5

Le style dans le head du document
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Méthode d'intégration directe dans l'entête

Objectifs

L'objectif de cette vidéo est de vous enseigner comment intégrer des styles CSS dans l'entête d'un document HTML pour appliquer des mises en forme globales et efficaces, particulièrement dans le contexte de newsletters.

Résumé

Cette leçon vous montre comment intégrer des styles CSS directement dans l'entête de votre document HTML5 pour coloriser les paragraphes.

Description

La deuxième méthode pour ajouter du style CSS dans une page web consiste à inclure les styles dans l'entête du document HTML. Pour ce faire, insérez une balise <style> dans l'élément <head> du document HTML. Dans cette vidéo, nous créons une règle CSS simple visant à coloriser les paragraphes en bleu. La règle CSS utilise le sélecteur d'éléments HTML <p> pour cibler les paragraphes et la propriété color pour définir la couleur du texte.

La syntaxe est la suivante : ouvrez et fermez une accolade après la déclaration du sélecteur. À l'intérieur des accolades, spécifiez la propriété color suivie d'un deux-points, puis la valeur de la couleur (blue) et enfin un point-virgule pour terminer la déclaration. Cette méthode est plus durable que l'utilisation de styles en ligne, car elle s'applique à toute la page. Toutefois, pour des projets comportant de nombreuses pages, il serait fastidieux de répéter cette partie de style dans chaque page.

Un avantage notable de cette méthode est son utilité pour l'élaboration de newsletters. Lorsque vous créez une newsletter à envoyer par e-mail, les styles doivent être intégrés dans l'entête du document HTML qui sera ensuite intégré dans l’e-mail. Une newsletter comportant généralement une seule page, cette méthode est très adaptée.

Voir plus

Questions fréquentes

Pourquoi est-il recommandé de mettre les styles CSS dans l'entête pour une newsletter?
Il est recommandé de mettre les styles CSS dans l'entête pour une newsletter parce que cela garantit que les styles seront appliqués lorsque la newsletter sera intégrée et envoyée par e-mail.
Quelle est la syntaxe pour définir une règle CSS dans une balise &lt;style&gt;?
La syntaxe pour définir une règle CSS dans une balise <style> est : sélectionnez l'élément HTML, ouvrez et fermez les accolades, spécifiez la propriété suivie d'un deux-points, la valeur et terminez par un point-virgule.
Quelle propriété CSS utilise-t-on pour changer la couleur du texte?
Pour changer la couleur du texte, on utilise la propriété CSS 'color', suivie de la valeur de la couleur souhaitée.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 11 mois
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 2 ans
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !