CSS
Les feuilles de style en cascade, généralement appelées CSS de l'anglais Cascading Style Sheets, forment un langage informatique qui décrit la présentation des documents HTML et XML. Les standards définissant CSS sont publiés par le World Wide Web Consortium.
Position relative/absolute et pourcentage
position: static; valeur par défaut.
position: relative; donne un pouvoir d'utiliser d'autres propriétés: top, left, right Une div en position absolute va se placer par rapport à son parent s'il n'est pas static, ou donc, en position: relative. Si il l'est, il va chercher plus haut un autre parent qui ne l'est pas, ou par défaut il prendra la page.
position: relative; donne un pouvoir d'utiliser d'autres propriétés: top, left, right Une div en position absolute va se placer par rapport à son parent s'il n'est pas static, ou donc, en position: relative. Si il l'est, il va chercher plus haut un autre parent qui ne l'est pas, ou par défaut il prendra la page.
.relative{
position: relative;
}
position: relative;
}
.un{
width: 80%;
height: 150px;
background: gray;
}
width: 80%;
height: 150px;
background: gray;
}
.deux{
width: 20%;
height: 150px;
background: #8054AF;
position: absolute;
top: 0;
right: 0;
}
width: 20%;
height: 150px;
background: #8054AF;
position: absolute;
top: 0;
right: 0;
}
.trois{
width: 100%;
height: 150px;
background: #CCA1FA;
}
width: 100%;
height: 150px;
background: #CCA1FA;
}
< section> < div class="container" (width: 1200px; margin: auto)>
Display: inline = pas de taille. Prend la taille de l'élément. Pas plus.
Display: inline-block = permet de placer plusieurs inline à la suite.
Img que w ou h. La hauteur s'ajuste automatiquement section container et d'abord top et margin auto en 1200px pour le "corps" du site
Display: inline = pas de taille. Prend la taille de l'élément. Pas plus.
Display: inline-block = permet de placer plusieurs inline à la suite.
Img que w ou h. La hauteur s'ajuste automatiquement section container et d'abord top et margin auto en 1200px pour le "corps" du site