Gestion couleurs et images de fond HTML5/CSS3

Get Started. It's Free
or sign up with your email address
Rocket clouds
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. Couleur de fond

2.1. Couleur arrière plan

2.1.1. background-color: black;

2.2. Les couleurs

2.2.1. color: purple;

2.2.2. color: #FFC305;

2.2.2.1. hexadécimal

2.2.2.1.1. FF quantité de rouge

2.2.2.1.2. C3 quantité de vert

2.2.2.1.3. 05 quantité de bleu

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

2.2.4. Ressources

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

3. Image de fond

3.1. background-image:

3.2. Répétition

3.2.1. background-repeat:

3.2.2. repeat

3.2.2.1. Horizontalement et verticalement

3.2.3. repeat-y

3.2.3.1. Verticalement uniquement (axe des y)

3.2.4. repeat-x

3.2.4.1. Horizontalement uniquement (axe des x)

3.2.5. no-repeat

3.2.5.1. Affiche l'image une seule fois

3.2.6. Important

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

3.2.7. Exemple

3.3. Positionnement

3.3.1. background-position:

3.3.2. background-position: 50px 100px;

3.3.2.1. 50px position au bord gauche

3.3.2.2. 100px position au bord supérieur

3.3.3. background-position: center center;

3.3.3.1. Centre l'image dans la page

3.3.4. Important

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

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

3.3.5. Exemple

3.4. Défilement

3.4.1. background-attachment:

3.4.2. scroll

3.4.2.1. Fait défiler l'image

3.4.2.2. background-attachment: scroll;

3.4.3. fixed

3.4.3.1. L'image reste fixe

3.4.3.2. background-attachment: fixed;

3.5. Combiner deux images de fond

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

3.5.2. Exemple

3.6. Combiner les valeurs CSS

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