Scribd
Importer
2 vues1 page

html5 css3

Le document présente un code HTML contenant un élément avec l'identifiant 'layout' et deux paragraphes avec des classes 'gauche' et 'droite'. Il décrit des styles CSS à appliquer, notamment un fond noir et une largeur de 500px pour 'layout', un alignement du texte à gauche et à droite pour les classes respectives, une couleur de texte blanche pour les éléments h2, p et button, et un fond bleu pour le bouton. Ces instructions visent à styliser la page web de manière simple.

Transféré par

RideneNedra
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
2 vues1 page

html5 css3

Le document présente un code HTML contenant un élément avec l'identifiant 'layout' et deux paragraphes avec des classes 'gauche' et 'droite'. Il décrit des styles CSS à appliquer, notamment un fond noir et une largeur de 500px pour 'layout', un alignement du texte à gauche et à droite pour les classes respectives, une couleur de texte blanche pour les éléments h2, p et button, et un fond bleu pour le bouton. Ces instructions visent à styliser la page web de manière simple.

Transféré par

RideneNedra
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Objectif : utiliser les sélecteurs simples en css (identifiant ,classe ,balise ...

)
Soit le code html suivant :
<!doctype html>

<html><Head>

<title>Les selecteurs simples</title>

</head>

<body>

<div id="layout">

<h2>Titre 2</h2>

<p class="gauche">

Bienvenue sur ma première page avec du style

</p>

<p class="droite">

Fait le 24/10/2020 Par Nom de l’élève

Contactez-Nous au adresse e_mail

</p>

<button >read more</button>

</div> Appliquez ce qui suit :

</body>
1. Un background de couleur noire ,une largeur de 500px , et un
</html> alignement centré pour l’élément identifié par "layout".
2. Aligner le texte à gauche pour la classe "gauche" et à droite
pour la classe "droite".
3. Colorer le texte en blanc pour les éléments h2 , p et button.
4. Affecter une couleur bleue au background du bouton.

Vous aimerez peut-être aussi