docUE 301 — Exercices CSS (2)
download 
Plainte Transcription
UE 301 — Exercices CSS (2)
Université des Sciences et Technologies de Lille
U.F.R. de Mathématiques Pures et Appliquées
Licence S6
2009–2010
UE 301 — Exercices CSS (2)
Exercice 1.
Un style CSS
Voici le contenu d’une feuille de style CSS nommée screenstyle.css.
body {
background: #fff;
color: #3f3f3f;
font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 12px;
padding: 20px 15% 0 10%;
border-top: 2px solid #cccccf;
border-left: 2px solid #cccccf;
}
h1, h2, h3, h4 {
margin: 0.2em 0 0.4em 0;
color: #F49A39;
}
h1 {
font-size: 1.6em;
border-bottom: 2px solid #ce8b30;
}
h2 {
font-size: 1.4em;
border-bottom: 2px solid #ce8b30;
text-align: right;
clear: both;
}
h3 {
font-size: 1.2em;
border-bottom: 1px solid #ce8b30;
margin-top: 1.8em;
}
h4 {
font-size: 1em;
text-decoration: underline;
color: #3f3f3f;
padding-left: 1.5em;
margin-top: 1em;
}
p {
margin: 0 0 0.4em 0;
padding-left: 1.8em;}
p.coordonnees {
font-size: 1.2em;
}
p.italic {
font-style: italic
}
img {
float: left;
margin-right: 2em;
}
1. Quelle instruction dans l’entête d’un code en XHTML permet de l’appliquer à une page ?
2. Quelle est la taille (en nombre de pixels) de la police utilisée pour les titres de niveau 4 ?
3. Dans le code XHTML, comment invoque-t-on le “style” p.italic ? Donner toutes ses
caractéristiques (police, alignement, décorations, couleurs, etc).
Exercice 2.
Un cv avec style
En laissant autant que possible inchangé la partie entre <body> et </body> de votre CV de
l’Exercice no 2 de la Fiche no 1, produire en jouant sur la feuille de style les rendus suivants :
http://math.univ-lille1.fr/~fay/pageweb/cv_avec_css_1.pdf
http://math.univ-lille1.fr/~fay/pageweb/cv_avec_css_2.pdf
On pourra s’inspirer de la feuille de style de l’Exercice 1.
2
