This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
2013_2014:s1:docweb:placements [2013/12/09 14:56] rey [Transitions css] |
2013_2014:s1:docweb:placements [2013/12/09 16:08] rey [Les transformations en css] |
||
---|---|---|---|
Line 14: | Line 14: | ||
</box> | </box> | ||
<note tip>De manière à réviser, il est conseiller de partir sur une toute nouvelle page html.</note> | <note tip>De manière à réviser, il est conseiller de partir sur une toute nouvelle page html.</note> | ||
- | <note tip>Seulement les sections pourront avoir un attribut de type id (sauf indication contraire dans le TP)</note> | + | <note tip>Seulement les sections pourront avoir un attribut de type id (sauf indication contraire dans le TP). L'attribut class ne sera pas plus autorisé.</note> |
<box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | ||
Line 42: | Line 42: | ||
<box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | <box round rgb(185,211,238) rgb(220,226,255) 95%|A Faire : > | ||
- | Maintenant que le positionnement n'a plus de secret pour vous, ajoutez 3 paragraphes de texte (par exemple ceux-ci http://www.faux-texte.com/lorem-ipsum-3.htm dans votre zone aside. Celle-ci doit s'afficher à droite de la page. | + | Maintenant que le positionnement n'a plus de secret pour vous, ajoutez 3 paragraphes de texte (par exemple ceux-ci http://www.faux-texte.com/lorem-ipsum-3.htm dans votre zone aside. Celle-ci doit s'afficher à droite de la page. Chacun des paragraphes sera contenu dans une balise <p></p> (balise de paragraphe). |
</box> | </box> | ||
Line 84: | Line 84: | ||
</box> | </box> | ||
- | <note tip>Attention, pour les "transform", vous devez les spécifier 5 fois, 1 fois normalement et une fois avec chacun des préfixes des navigateurs</notes> | + | <note tip>Attention, pour les "transform", vous devez les spécifier 5 fois, 1 fois normalement et une fois avec chacun des préfixes des navigateurs</note> |
* Si vous avez besoin d'aide pour les selecteurs css, reportez vous sur cette page : http://debray-jerome.developpez.com/articles/les-selecteurs-en-css3/. Pour le moment nous n'utiliserons que la pseudo-classe **:nth-child(expression)** | * Si vous avez besoin d'aide pour les selecteurs css, reportez vous sur cette page : http://debray-jerome.developpez.com/articles/les-selecteurs-en-css3/. Pour le moment nous n'utiliserons que la pseudo-classe **:nth-child(expression)** |