Incompréhension de Syntaxe css
Bonjours à tous,
Je suis débutant en développement web et je rencontre un problème au niveau d'une syntaxe css que j'ai lu sur http://css.developpez.com/tutoriels/pseudo-frames/ sa peut paraitre bête mais sa me pose un problème au niveau de la structure.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| css
html, body
{
margin:0;
padding:0;
height:100%; /* 100 % en hauteur */
}
html>body #wrap {height:100%;} /* 100 % en hauteur */
#header
{
width:100%;
height:5em;
}
html>body #header
{
position:fixed;
z-index:10; /* empêche certains problèmes avec les élements de formulaire */
}
html>body #content-wrap {height:100%;} /* 100 % en hauteur */
html>body #content {padding:6em 1em;} /* 6em = hauteur de #header et #footer + 1em, 1em = donne au contenu un peu d'espace par rapport aux bords */
#footer
{
width:100%;
height:5em;
}
html>body #footer
{
position:fixed;
bottom:0;
z-index:10; /* empêche certains problèmes avec les élements de formulaire */
} |
Le code ci-dessus commence par "html, body".
Est ce que je peux mettre que body?
Dans la suite du code, il utilise " html>body #wrap"
C'est à dire que le body est déjà a 100% mais il crée une div#wrap dans laquelle il re-justifie height a 100%?
Puis il définit l'ID #header et il le redéfini par la suite (j'ai pas compris) dans l'id html>body#header avec 2 nouvelles valeur ajoutées.
Pourquoi ne pas mettre tous les attributs #header dans un seul id ?
Et est ce que html>body #id défini l'id au sein de la classe body?
