Scribd
Importer
46 vues3 pages

TP 4 CSS Corrige

Le document fournit des instructions pour créer une feuille de styles CSS nommée style1.css avec des classes de sélecteurs spécifiques et un fichier HTML TP1.html qui utilise cette feuille de styles. Il décrit les propriétés de style pour deux classes, maclasse1 et maclasse2, ainsi qu'une classe supplémentaire p.classe1. Enfin, il demande de structurer le contenu HTML avec des titres et des paragraphes formatés selon les classes définies.

Transféré par

Ahmed El Mansi
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
46 vues3 pages

TP 4 CSS Corrige

Le document fournit des instructions pour créer une feuille de styles CSS nommée style1.css avec des classes de sélecteurs spécifiques et un fichier HTML TP1.html qui utilise cette feuille de styles. Il décrit les propriétés de style pour deux classes, maclasse1 et maclasse2, ainsi qu'une classe supplémentaire p.classe1. Enfin, il demande de structurer le contenu HTML avec des titres et des paragraphes formatés selon les classes définies.

Transféré par

Ahmed El Mansi
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
Vous êtes sur la page 1/ 3

Feuille de styles 3ème STI

Questions :

1. Lancer l’éditeur sublimtext et créer la page CSS nommée style1.css suivante avec les
classes de sélecteurs maclasse1 et maclasse2 :
Nom sélecteur .maclasse1 .maclasse2
Propriété : valeur
Font-style italic bold
Background-color yellow navy
color : blue red
font-family helvetica verdana
Font-size 30px 50px

2. Ajouter leselecteur de classe p.classe1


Nom sélecteur p.classe1
Propriété : valeur
Font-weight bolder
Text-decoration underline
color : navy
font-family "Courier New", Courier, monospace;
Font-size 14px

3. Créer un fichier TP1.html et le mettre en forme avec le fichier style1.css qui se

trouve dans le même emplacement que TP1.html.

4. Avec la balise DIV créer un bloc d’élément qui est constitué :

• d’un Titre1 « Introduction au HTML 5 » a mettre en forme avec la classe de

sélecteur maclasse1

• D’un paragraphe p: « Le HTML5, pour HyperText Markup Language 5, est

une version du célèbre format HTML utilisé pour concevoir les sites

Internet. Celui-ci se résume à un langage de balisage qui sert à

l'écriture de l'hypertexte indispensable à la mise en forme d'une

page Web » : mettre en forme ce paragraphe avec la classe de sélecteur classe1.

5. Avec la balise DIV créer un bloc d’élément qui est constitué :

-1-
Feuille de styles 3ème STI
• d’un Titre2 « Introduction au CSS » a mettre en forme avec la classe de sélecteur

maclasse2

• D’un paragraphe p: « CSS est l'un des langages principaux du Web

ouvert et a été standardisé par le W3C. Ce standard évolue sous

forme de niveaux (levels), CSS1 est désormais considéré comme

obsolète, CSS2.1 correspond à la recommandation et CSS3, qui est

découpé en modules plus petits, est en voie de standardisation.» :

mettre en forme ce paragraphe avec la classe de sélecteur classe1.

Votre page doit ressempbler a cette mise en forme :

Correction :

style1.css

-2-
Feuille de styles 3ème STI

-3-

Vous aimerez peut-être aussi