CSS

Mere som dette

Configurateur grillage rigide

af vanbaleghem ythan

Critères Conception Pédagogique Efficace

af Marco Bertolini

Communication Master

af Pierre Collin

Réussir sa présentation grand publics

af Cédric Deygat

CSS

16)z-index

Définit l'ordre de superposition des éléments (dessus/dessous).

ex:p{z-index: 2;}

18) float

Gestion de l'habillage (en relation avec la propriété "float") :clear

ex:p{clear:both;}

Positionnement flottant (relatif) d'un élément par rapport à un autre.

ex:p{float:left;}

17) position

top ,left,right,bottom

ex:p{left:15px;}

Positionnement de l'élément.

ex:p{position: relative(ou absolute,fixed;}

13)margin

margin-top:Marge extérieure du haut de l'élément. margin-right:Marge extérieure de droite de l'élément. margin-left:Marge extérieure de gauche de l'élément margin-bottom:Marge extérieure du bas de l'élément.

Marges extérieures de l'élément.

ex:p{margin: 15px;} }

9)text-decoration

Soulignement ou rayure du texte

p{text-decoration: underline;}

8)text-align

Détermine l'alignement horizontal du texte à l'intérieur d'un élément.

ex:p{text-align: center;}

6)font-style

Mise en italique.

ex:p{font-style:italic;}

7)line-height

Hauteur de ligne

ex:p{line-height: 1.5em;}

4)font-size

permet de mettre la taille souhaité au texte

Taille des caractères

ex:p{font-size: 11px ou 2;}

5)font-weight

Mise en gras ou extra-gras

ex: p{font-weight:blod; }

3)font-family:;

permet de mettre une police a tous texte nomme pareil

Police de caractères.

ex: p{font-family:(police que l'on veut utiliser) ;

15)padding

Marges intérieures de l'élément

ex:p{padding left,top,right,bottom:10px;

ex:p{ padding: 6px;}

14)border

p{border: 1px solid rgb(145, 0, 0);} { border-top,right,left,bottom: 10px solid purple;}

Caractéristiques des bordures

12)overflow

14)overflow-x

Présence/absence de l'ascenseur droit (Explorer seulement

13)overflow-y

Présence/absence de l'ascenseur bas (Explorer seulement)

ex idem au dessus

Présence/absence des ascenseurs

ex:p{overflow:visible ou auto...;}

11)height

Hauteur de l'élément.

ex:p{height:180px ou 30%;}

10)width

Définit une section de type inline

ex:p{ width: 300px ou 70%; }

class="nom que l'on veut donner la balise "

dans la balise style mettre .nom de la balise donné au paravant et suivre le meme processus qu'au dessus

.pomme{mettre 1,2 selon ce que l'on veit faire }

le nom entre guillement devient une nouvelle balise

class="pomme"

id=" nom que l'on veut donner a la balise "

dans la balise style mettre #nom de la balise donne au paravant et suivre le meme processus qu'on dessus

#summer{merttre 1,2 selon ce que l'on veut faire

le nom entre guillemet devient une nouvelle balise

id="summer"

2) color

permet de mettre en couleur tout les textes nomme pareil

Couleur de l'avant plan (texte)

ex: p{color: rgb (0,0,0)}

1)background-color

permet de mettre en couleur d'arriere plan toutes les balisesce nomant pareil

couleur de l'arrière plan

ex: p{background-color: rgb (0,0,0)}