【正文】 gier CSS ? Ne poss232。le de chacune 48 Conclusion ? CSS = outil tr232。rotation ou de puces ? Liststyleimage : url de l’image que l’on souhaite utiliser me puce 47 Quelques remandations ? Utiliser les CSS lorsque vous d233。 scroll, fixed 187。p233。) } ? Options int233。 zindex:2。ment est prioritaire (valeur allant de 1 224。 border : medium solid blue。te est agrandi aux dimensions de l’image ? Hidden : le contenu est rogn233。t233。 left:10px。 un rognage de l’image ? S’applique lors d’un positionnement absolu ? Permet de d233。 en positionnement absolu/p 41 D233。 left:10px。 left:80px。 left:10px } { backgroundcolor : pink。 border : medium solid blue。s top et left... ? Avantage : ? peut servir de parent pour des 233。calant 224。pend et influence les 233。. ? Positionnement qui laisse l39。t233。ralement plac233。 (HTML si pas d’anc234。il est luim234。emplacement de la balise dans le code du conteneur parent, quel que soit sa fraternit233。il est en position absolue ou fixe, le bloc est dit positionn233。 de travailler en % ? C39。adaptation du site aux diff233。 div class=conteneur img class=gauche alt=... src=... / texte bla bla bla .... /div Et la CSS correspondante : .gauche { float: left。 libre. ? Un flottant sort du flux courant ? pas pt233。 droite dans un parent (et nonplus l39。 } 36 Positionnement en flottant ? Propri233。 paddingleft: 15px。l233。 ? Chaque 233。s les autres dans le code HTML de la page. ? Notion fondamentale de balises structurelles 171。) ? La notion de Flux est fondamentale. 35 Positionnement dans le flux ? Les 233。 float 187。) ? Positionnement fix233。 static 187。rents sch233。ments ayant le m234。tre imm233。l233。l233。lecteurs ? Anc234。re, ...) ? Notion de parent233。 la suite des autres me des span 33 Le positionnement ? Bas233。 } Le contenu de em est envoy233。 display 187。 de basculer d’un positionnement 224。me si cela est possible) positionn233。) ? Faits pour rester au sein du texte pour l39。ment qu39。termin233。 c244。 la mise en page du document) 29 Rendu sur navigateur : inline (2/3) ? 171。s ? Poss232。faut, toute la largeur disponible dans son conteneur ? Poss232。 : toujours l39。occupent que la place minimum n233。 n39。l233。s 187。ment de groupe %block peut contenir une (ou plusieurs) balise %block et/ou %inline ? Une balise du groupe %inline ne peut contenir QUE une (ou plusieurs autres) balise %inline ? 201。 171。fini par d233。l233。l233。l233。 } 26 La structure HTML et le rendu CSS des balises : bloc et enligne ? Chaque balise HTML se caract233。 /*borderwidth borderstyle bordercolor*/ bordertop : thick dashed darkviolet。 borderstyle : solid。tes (3/3) : Exemple { backgroundcolor : lightblue。paisseur (borderwidth), couleurs (bordercolor), … ? Des marges : taille (margin), couleur, … ? De mani232。te et les 233。tes: ? Contenu : texte 224。s gr226。l233。gles CSS s’appliquent sur des balises HTML ? introduction de 2 nouvelles balises permettant de structurer la page HTML ? div/div: ? Bloc particulier au sein d’une page ? Provoque la cr233。 fontsize:xxlarge } :firstline { color: blue。 la premi232。t233。 visit233。 } 20 Pseudo classes de liens ? Pseudo classes sp233。 } A:hover{/*Souris au dessus du lien*/ color:orange。ment s233。 il clique et le moment ou il le rel226。ment par la souris ? Active: permet d’affecter un style 224。 un 233。d233。action 224。action 224。gles CSS amp。 ceci un div div p class=171。 fontweight : bold } h1 ceci est un titre /h1 h1 class=171。t233。 classe1 187。 class 187。 224。2 : 171。1 : 171。e ? Les classes permettent des modifications ponctuelles de style 14 R232。me 234。 187。 stylesheet 187。 tout le site ? Li233。e ? Insertion des r232。cis ? Lors de la phase de tests des r232。paration entre forme et contenu ? Perte de l’uniformisation des pages du site ? Perte de la facilit233。gles CSS 224