CSS

Mehr dazu

Exercice 1

von Leboeuf Sylvain

Réseau

von Def KE

les personnages du livre en images

von Adam Sawyer

Moi, ingénieure Ingénieure en biologie

von Beutin Emma

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)}