Gestion couleurs et images de fond HTML5/CSS3

Get Started. It's Free
or sign up with your email address
Gestion couleurs et images de fond HTML5/CSS3 by Mind Map: Gestion couleurs et images de fond HTML5/CSS3

1. L'auteur : Olivier Legrand

1.1. Formateur du Web

1.2. Olivier Legrand - Concepteur pédagogique multimédia

2. Image de fond

2.1. background-image:

2.2. Répétition

2.2.1. background-repeat:

2.2.2. repeat

2.2.2.1. Horizontalement et verticalement

2.2.3. repeat-y

2.2.3.1. Verticalement uniquement (axe des y)

2.2.4. repeat-x

2.2.4.1. Horizontalement uniquement (axe des x)

2.2.5. no-repeat

2.2.5.1. Affiche l'image une seule fois

2.2.6. Important

2.2.6.1. Il faut définir avant une image de fond dans le CSS

2.2.7. Exemple

2.3. Positionnement

2.3.1. background-position:

2.3.2. background-position: 50px 100px;

2.3.2.1. 50px position au bord gauche

2.3.2.2. 100px position au bord supérieur

2.3.3. background-position: center center;

2.3.3.1. Centre l'image dans la page

2.3.4. Important

2.3.4.1. Il faut définir avant une image de fond dans le CSS

2.3.4.2. L'image ne doit pas être répétée background-repeat: no-repeat;

2.3.5. Exemple

2.4. Défilement

2.4.1. background-attachment:

2.4.2. scroll

2.4.2.1. Fait défiler l'image

2.4.2.2. background-attachment: scroll;

2.4.3. fixed

2.4.3.1. L'image reste fixe

2.4.3.2. background-attachment: fixed;

2.5. Combiner deux images de fond

2.5.1. Il faut rajouter url("neige.jpg");

2.5.2. Exemple

2.6. Combiner les valeurs CSS

2.6.1. background: url("mikao.jpg") no-repeat top right fixed;

3. Couleur de fond

3.1. Couleur arrière plan

3.1.1. background-color: black;

3.2. Les couleurs

3.2.1. color: purple;

3.2.2. color: #FFC305;

3.2.2.1. hexadécimal

3.2.2.1.1. FF quantité de rouge

3.2.2.1.2. C3 quantité de vert

3.2.2.1.3. 05 quantité de bleu

3.2.3. color: rgb(145, 200, 120);

3.2.4. Ressources

3.2.4.1. http://code-couleur.com/