UPB Technologies Web : CSS : RECAP

Technologies du web
CSS : RECAP

2021-2022
UPB Technologies Web : CSS: RECAP

au programme...

? Sélecteurs

? positionnement

2/17
UPB Technologies Web : CSS: RECAP

SELECTEURS (1/2)
Exemples :

3/17
UPB Technologies Web : CSS: RECAP

SELECTEURS (1/2)
Exemples :

3/17
UPB Technologies Web : CSS: RECAP

pseudo-classes (1/2)
Exemples :

3/17
UPB Technologies Web : CSS: RECAP

pseudo-classes (suite) et pseudo-éléments (1/2)

Exemples :

3/17
UPB Technologies Web : HTML, les éléments

pseudo-classes (suite) et pseudo-éléments (1/2)

Exemples :

3/17
UPB Technologies Web : CSS: RECAP

au programme...

? Sélecteurs

? positionnement

2/17
UPB Technologies Web : CSS: RECAP

pseudo-classes (suite) et pseudo-éléments (1/2)

Flux de traitement :

3/17
UPB Technologies Web : CSS: RECAP

pseudo-classes (suite) et pseudo-éléments (1/2)

display:

3/17
UPB Technologies Web : CSS: RECAP

pseudo-classes (suite) et pseudo-éléments (1/2)

display:none

3/17
UPB Technologies Web : CSS: RECAP

pseudo-classes (suite) et pseudo-éléments (1/2)

display:block

3/17
UPB Technologies Web : CSS: RECAP

pseudo-classes (suite) et pseudo-éléments (1/2)

display:inline

3/17
UPB Technologies Web : CSS: RECAP

pseudo-classes (suite) et pseudo-éléments (1/2)

display:inline-block

3/17
UPB Technologies Web : CSS: RECAP

Positionnement relatif (1/2)

position:relative

3/17
UPB Technologies Web : CSS: RECAP

Positionnement absolu (1/2)

position:absolu

3/17
UPB Technologies Web : CSS: RECAP

Positionnement fixe (1/2)

position:fixe

3/17
UPB Technologies Web : CSS: RECAP

Mode flottant (1/2)

Empêcher le flottement

3/17