Paris Web 2008 – Samedi 15 Novembre 2008 Pascale Lambert-Charreteur CSS Débutant css.mammouthland.net Vincent Valentin 20cent.net

Paris Web 2008 – Samedi 15 Novembre 2008 Optimiser ses CSS ?

Paris Web 2008 – Samedi 15 Novembre 2008 Un reset ?

Paris Web 2008 – Samedi 15 Novembre 2008 * { padding:0; margin:0; } html, body { padding:0; margin:0; }

Paris Web 2008 – Samedi 15 Novembre 2008 Ou : - Le reset d'Éric Meyer : - Le reset de Y! : - ou un autre !

Paris Web 2008 – Samedi 15 Novembre 2008 L'important est d'obtenir une base de travail cohérente sur chaque navigateur.

Paris Web 2008 – Samedi 15 Novembre 2008 YUI propose une approche intéressante : reset + base + font

Paris Web 2008 – Samedi 15 Novembre 2008 Donner des noms pertinents aux sélecteurs

Paris Web 2008 – Samedi 15 Novembre 2008 #gauche { } #droit { } #menu { } #contenu { }

Paris Web 2008 – Samedi 15 Novembre 2008 Mettre des commentaires

Paris Web 2008 – Samedi 15 Novembre 2008 /* commentaires */

Paris Web 2008 – Samedi 15 Novembre 2008 Regrouper les sélecteurs

Paris Web 2008 – Samedi 15 Novembre 2008 h1 { } h2 { } p { } /* menu */ #menu { } #menu h2 { }

Paris Web 2008 – Samedi 15 Novembre 2008 Synthétiser les déclarations

Paris Web 2008 – Samedi 15 Novembre 2008.class p { font-family:arial, geneva, sans-serif; font-size:100%; font-weight:bold; line-height:30px; }.class p { font:bold 100%/30px arial, geneva, sans-serif; }

Paris Web 2008 – Samedi 15 Novembre 2008 background : background-color | background-image | background-repeat | background-attachment | background-position border : border-width | border-style | border- color font : font-style | font-variant | font-weight | font-size/line-height | font-family list-style : list-style-type | list-style- position | list-style-image

Paris Web 2008 – Samedi 15 Novembre 2008 Gérer les ordres de priorités

Paris Web 2008 – Samedi 15 Novembre 2008 Quelle couleur ? #menu p span { color:red; } #menu span { color:green; } p span.couleur { color:blue; }

Paris Web 2008 – Samedi 15 Novembre 2008 La couleur est : rouge

Paris Web 2008 – Samedi 15 Novembre 2008 a : attribut style b : nombre d' id c : nombre de class d : nombre d'éléments html [ a b c d ]

Paris Web 2008 – Samedi 15 Novembre 2008 #menu p span { color:red; } [ ] #menu span { color:green; } [ ] p span.couleur { color:blue; } [ ]

p span.couleur { color:blue !important ; } Quelle couleur ?

Paris Web 2008 – Samedi 15 Novembre 2008 Des questions ?