Utiliser un background

posted in: css | 0

Exemple de CSS background-color ! Il y a un texte dans cet élément… Dans celui-ci aussi… Mais pas dans celui-ci Le code expliqué <style> h4 { background-color: #6495ed; } h5 { background-color: #e0ffff; } h6 { background-color: #b0c4de; } </style> … Continued

Utiliser css font

posted in: css | 0

Ceci est un titre. Ceci est un paragraphe. Le code expliqué <style> h3 { color:blue; font-family:verdana; font-size:300%; } p { color:red; font-family:courier; font-size:160%; } </style> <h3>Ceci est un titre.</h3> <p>Ceci est un paragraphe.</p>

Créer un attribut class

posted in: css | 0

Ceci est un paragraphe. Je suis différent. Ceci est un paragraphe. Je suis aussi différent. Le code expliqué <style> p.error { color:red; } </style> <p>Ceci est un paragraphe.</p> <p class= »error »>Je suis différent.</p> <p>Ceci est un paragraphe.</p> <p class= »error »>Je suis aussi … Continued

Créer un attribut id

posted in: css | 0

Ceci est un paragraphe. Ceci est un paragraphe Ceci est un paragraphe Je suis différent. Le code expliqué <style> p#p01 { color: blue; } </style> <p>Ceci est un paragraphe.</p> <p>Ceci est un paragraphe.</p> <p>Ceci est un paragraphe.</p> <p id= »p01″>Je suis … Continued

Regroupement des sélecteurs

posted in: css | 0

Bonjour tout le monde ! Bienvenue ! Nouvelle session. Le code expliqué <style> h3, h4, p { text-align: center; color: red; } </style> <h3>Bonjour tout le monde !</h3> <h4>Bienvenue !</h4> <p>Nouvelle session.</p>

Créer un sélecteur d’id

posted in: css | 0

Bonjour tout le monde ! Ce paragraphe n’est pas affecté par la balise <style>. Le code expliqué <style> #para1 { text-align: center; color: red; } </style> <p id= »para1″>Bonjour tout le monde !</p> <p>Ce paragraphe n’est pas affecté par la balise … Continued

Créer un secteur d’élément

posted in: css | 0

Chaque paragraphe est affecté par la balise <style>. Moi aussi! Mais moi pas ! Le code expliqué <style> p { text-align: center; color: red; } </style> <p>Chaque paragraphe est affecté par la balise <style>.</p> <p>Moi aussi!</p> <p>Et moi aussi!</p>

Créer un sélecteur de classe

posted in: css | 0

Rouge et aligné au centre en tant que titre. Rouge et aligné au centre en tant que paragraphe. Le code expliqué <style> .center { text-align: center; color: red; } </style> <h3 class= »center »>Rouge et aligné au centre en tant que titre.</h3> … Continued

Utiliser la balise style (second exemple)

posted in: css | 0

This is a heading This is a paragraph. Le code expliqué <style> h3 { color:blue; font-family:verdana; font-size:300%; } p { color:red; font-family:courier; font-size:160%; } </style> <h3>This is a heading</h3> <p>This is a paragraph.</p>