maitrise des css.pdf

Download Maitrise des CSS.pdf

Post on 28-Nov-2015

156 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • Le Campus

    Matrisedes CSS

    2e dition

    Andy Buddavec Cameron Mall et Simon Collison

  • Matrise desCSS

  • Pearson Education France a apport le plus grand soin la ralisation de ce livre afin de vous fournir une information complte et fiable. Cependant, Pearson Education France nassume de responsabilits, ni pour son utilisation, ni pour les contrefaons de brevets ou atteintes aux droits de tierces personnes qui pourraient rsulter de cette utilisation.

    Les exemples ou les programmes prsents dans cet ouvrage sont fournis pour illustrer les descriptions tho-riques. Ils ne sont en aucun cas destins une utilisation commerciale ou professionnelle.

    Pearson Education France ne pourra en aucun cas tre tenu pour responsable des prjudices ou dommages de quelque nature que ce soit pouvant rsulter de lutilisation de ces exemples ou programmes.

    Tous les noms de produits ou autres marques cits dans ce livre sont des marques dposes par leurs propri-taires respectifs.

    Publi par Pearson Education France47 bis, rue des Vinaigriers75010 PARISTl. : 01 72 74 90 00www.pearson.fr

    Mise en pages : TyPAO

    ISBN : 978-2-7440-4130-3Copyright 2010 Pearson Education FranceTous droits rservs

    Aucune reprsentation ou reproduction, mme partielle, autre que celles prvues larticle L. 122-5 2 et 3 a) du code de la proprit intellectuelle ne peut tre faite sans lautorisation expresse de Pearson Education France ou, le cas chant, sans le respect des modalits prvues larticle L. 122-10 dudit code.

    No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education, Inc.

    Titre original : CSS Mastery, Advanced Web Standards Solutions, second edition

    Traduit par Patrick Fabre, avec la contribution de Bruno Sebarte

    ISBN original : 978-1-4302-2397-9Copyright 2009 by Andy Budd, Simon Collison, and Cameron MollAll rights reserved

    dition originale publie par FriendsofEd/Apress(www.friendsofed.com/www.apress.com)

  • Matrise desCSS

    Andy Buddavec Cameron Moll et Simon Collison

  • Avant-propos................................................................................................................. . IX

    propos des auteurs.............................................................................................. . XI.propos.des.rviseurs.techniques............................................................................. . XII

    Remerciements............................................................................................................ . XIII

    Introduction................................................................................................................... . 1.qui.ce.livre.est-il.destin?........................................................................................ . 1

    Structure.du.livre.............................................................................................................. . 2

    Conventions.utilises...................................................................................................... . 2

    1 Les fondations.............................................................................................................. . 5Structuration.du.code...................................................................................................... . 5

    Historique.rapide.du.balisage.................................................................................. . 6

    Types.de.document,.commutation.de.DOCTYPE..et.modes.des.navigateurs.......................................................................................... . 19

    Validation...................................................................................................................... . 19

    En.rsum........................................................................................................................... . 22

    2 Des styles qui atteignent leurcible............................................................... . 23Les.slecteurs.courants.................................................................................................. . 23

    Pseudo-classes............................................................................................................. . 24

    Le.slecteur.universel..................................................................................................... . 25

    Les.slecteurs.avancs.................................................................................................... . 25

    Slecteur.denfants.et.slecteur.de.frre.adjacent............................................... . 26

    Slecteur.dattribut..................................................................................................... . 27

    Cascade.et.spcificit................................................................................................. . 30

    Hritage......................................................................................................................... . 34

    Planification,.organisation.et.gestion.des.feuilles.de.styles............................... . 35

    Application.de.styles.aux.documents.................................................................... . 35

    Guides.de.styles.......................................................................................................... . 40

    En.rsum........................................................................................................................... . 42

    Table des matires

  • IV Matrise des CSS

    3 Vue densemble du modle deformatage visuel................................ . 43Rcapitulatif.sur.le.modle.de.bote.......................................................................... . 43

    Internet.Explorer.et.le.modle.de.bote................................................................. . 45

    Effondrement.des.marges......................................................................................... . 46

    Rcapitulatif.concernant.le.positionnement............................................................ . 48

    Le.modle.de.formatage.visuel............................................................................... . 48

    Positionnement.relatif............................................................................................... . 49

    Positionnement.absolu............................................................................................... . 50

    Flottement..................................................................................................................... . 52

    En.rsum........................................................................................................................... . 58

    4 Utilisation des effets darrire-plan................................................................ . 61Notions.de.base.sur.les.images.darrire-plan....................................................... . 61

    Botes..bords.arrondis................................................................................................... . 64

    Botes..largeur.fixe.et.bords.arrondis................................................................... . 64

    Coins.masqus............................................................................................................. . 70

    Ombres.portes................................................................................................................. . 75

    Ombres.portes.simples.en.CSS............................................................................. . 75

    Ombres.portes.".la.Clagnut"................................................................................ . 77

    Opacit................................................................................................................................. . 80

    Opacit.CSS................................................................................................................. . 80

    Remplacement.dimages............................................................................................... . 85

    Remplacement.des.images.de.Fahrner.................................................................. . 86

    Phark.............................................................................................................................. . 87

    Mthode.IFR.volutive.............................................................................................. . 87

    En.rsum........................................................................................................................... . 89

    5 Mise en forme des liens......................................................................................... . 91Mise.en.forme.simple.des.liens................................................................................... . 91

    Soulignements.amusants............................................................................................... . 93

    Embellissement.simple.des.liens............................................................................ . 93

    Soulignement.de.liens.originaux............................................................................ . 94

    Style.de.liens.visits................................................................................................... . 94

    Mise.en.forme.des.cibles.des.liens......................................................................... . 95

    Diffrenciation.des.types.de.liens........................................................................... . 96

    Signalement.de.documents.tlchargeables.et.de.flux.....