Scribd
Importer
2 vues1 page

TP CSS

Ce document présente des exercices pratiques sur l'utilisation de CSS pour styliser des pages HTML. Les tâches incluent la modification de l'arrière-plan, l'application de polices, la création de divisions avec des styles variés, et l'utilisation de positionnement absolu. L'objectif est de créer un fichier de style cohérent qui peut être appliqué à plusieurs pages pour une présentation uniforme.

Transféré par

Abdellah Fagroud
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 DOC, PDF, TXT ou lisez en ligne sur Scribd
2 vues1 page

TP CSS

Ce document présente des exercices pratiques sur l'utilisation de CSS pour styliser des pages HTML. Les tâches incluent la modification de l'arrière-plan, l'application de polices, la création de divisions avec des styles variés, et l'utilisation de positionnement absolu. L'objectif est de créer un fichier de style cohérent qui peut être appliqué à plusieurs pages pour une présentation uniforme.

Transféré par

Abdellah Fagroud
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 DOC, PDF, TXT ou lisez en ligne sur Scribd

TRAVAUX PRATIQUES : CSS

Pour toutes les questions, crée un fichier style et l'appliquer à des documents HTML,
puis afficher sur le navigateur pour vérifier le résultat.

1) Crée un document de style qui modifie le fond de la page et la couleur de "H1"


Enregistrer le document avec l'extension css.
Appeler ce document dans une page HTML de votre choix avec la balise :
<LINK rel=stylesheet type="text/css" href="nom_votre_fichier_style.css">
2) Appliquer une image de fond à votre document HTML,
Répéter votre image horizentalement, puis verticalement.
3) Appliquer une police de votre choix à une page HTML (Police, taille, effets).
4) Créer une division (balise <div>) qui occupe toute la ligne avec 25% de la hauteur de
votre page.
Modifier l'alignement du texte à l'intérieur de la division (gauche, droite, justifié).
5) Appliquer différentes bordure, fond d'écran à votre division..
6) Créer, dans le fichier de style, une classe de votre choix. Définir certaines propriétés
pour cette classe.
Appliquer la classe à des éléments de votre page HTML (de différentes natures : texte,
tableau, H1, etc).
7) Créer, dans le fichier de styles, deux types de divisions (div#elet1 et div#elet2).
Appliquer des paramètres différents pour els deux types.
Créer un fichier HTML avec plusieurs divisions, appliquer le style elet1 à certaines divisions
et elet2 à d'autres.
<div id="elet1"> ou <div id="elet2>.
8) Utiliser positionnement absolue en combinaison avec la balise <div> ou tout autre
objet HTML (image, lien tableau, p, etc) :
position : absolute;
top : n;
left : m;
9) Construiser une page de style qui rassemble tous les elements de votre site WEB et
l'appliquer à toutes les pages (la presentation des pages serait uniformisée).

1/1 FAGROUD

Vous aimerez peut-être aussi