Positionner un élément en HTML5/CSS3

Positionner son texte en HTML5 et CSS3

시작하기. 무료입니다
또는 회원 가입 e메일 주소
Positionner un élément en HTML5/CSS3 저자: Mind Map: Positionner un élément en HTML5/CSS3

1. L'auteur : Olivier Legrand

1.1. Formateur du Web

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

2. Flottement

2.1. float:

2.1.1. left:

2.1.2. right;

2.1.3. none;

2.2. Retire un élément de la boite de flux

2.3. Permet de placer l'élément a gauche ou a droite

3. Dégagement

3.1. clear

3.1.1. left:

3.1.1.1. annule le flottement de gauche

3.1.2. right;

3.1.2.1. annule le flottement de droite

3.1.3. both;

3.1.3.1. annule le flottement des deux cotés

3.1.4. none;

3.1.4.1. annule toute propriété de flottement

3.2. Clear annule le flottement de la propriété de float

4. Découpage

4.1. clip

4.1.1. rect(sup_gauche sup_droit inf_droit inf_gauche)

4.2. Exemple

4.2.1. HTML

4.2.2. CSS

4.3. Clip détermine la partie visible de l'image

5. Affichage

5.1. display

5.1.1. block

5.1.2. inline

5.1.3. none

5.2. Contrôle l'affichage des éléments de la page

5.3. Exemple

5.3.1. CSS

5.3.2. HTML

5.3.3. display: none;

5.3.3.1. l'élément est retiré de la page

6. Visibilité

6.1. visibility

6.1.1. visible

6.1.1.1. affiche l'élément

6.1.2. hidden

6.1.2.1. cache l'élément

6.2. Exemple

6.2.1. CSS

6.3. Détermine si l'élément est visible ou caché

6.4. Les éléments conservent leur position

7. Statique

7.1. position: static;

7.2. Position normal de l'élément

8. Relatif

8.1. position: relative;

8.1.1. left: valeur ou %

8.1.2. top; valeur ou %

8.1.3. right; valeur ou %

8.1.4. bottom; valeur ou %

8.1.5. Exemple

9. Absolu

9.1. position: absolute;

9.1.1. left: valeur ou %

9.1.2. top; valeur ou %

9.1.3. right; valeur ou %

9.1.4. bottom; valeur ou %

9.1.5. Exemple

9.2. L'élément devient indépendant du reste du document

10. Fixe

10.1. position: fixed;

10.1.1. left: valeur ou %

10.1.2. top; valeur ou %

10.1.3. right; valeur ou %

10.1.4. bottom; valeur ou %

10.1.5. Exemple

10.2. L'élément devient indépendant du reste du document

11. Superposition

11.1. z-index

11.1.1. z-index: 1

11.1.2. z-index: 2

11.1.3. z-index: 3

11.2. Les éléments au-dessus ou en dessous des autres

11.3. Exemple

11.3.1. CSS

11.3.2. HTML

12. Dépassement

12.1. overflow

12.1.1. hidden

12.1.1.1. La partie qui dépasse est cachée

12.1.2. scroll

12.1.2.1. la partie qui dépasse est cachée

12.1.2.2. La partie est accessible par une barre

12.1.3. visible

12.1.3.1. La partie qui dépasse est affichée

12.1.4. auto

12.1.4.1. La main est rendue au navigateur

12.2. Exemple

12.2.1. HTML

12.2.2. CSS