LE CSS ISN Terminale S 2014-2015. CSS Types de styles.

Présentation au sujet: "LE CSS ISN Terminale S 2014-2015. CSS Types de styles."— Transcription de la présentation:

1 LE CSS ISN Terminale S 2014-2015

2 CSS

3 Types de styles

4 Styles intégrés

5 Styles internes

6 Styles externes

7 La cascade…

8 Syntaxe CSS

9

10 Syntaxe CSS : exemple

11 Syntaxe CSS pour les couleurs

12 Grouper des styles

13 Sélecteurs CSS

14 Sélecteur ’’ class ’’

15 CSS pseudo-classes

16 Sélecteur ’’id’’

17 Sélecteur contextuel

18 L’élément div :

19 L’élément span :

20 span : exemple

21 Le modèle de la « boite »

22 Le modèle de la boite

23 Configurer les marges

24 Configurer le padding

25 Configurer les bordures

26 L’affichage peut varier

27 Configurer un côté spécifique

28 Centrer le contenu d’une page

29 Visualiser avec les outils développeurs de Firefox…

30 La typographie en CSS

31 Police : font-family

32 Configurer la taille, la graisse, le style

33 Aligner et indenter du texte

34 Hauteur et largeur

35 CSS3 propriété opacity

36 Images et CSS

37 CSS background-image

38 CSS background-repeat

39 Usages de background-repeat

40 Configurer les listes avec CSS

41 list-type-style

42 TP structurer des pages web (suite)  TP suite  Lors du TP précédent vous aviez structuré les pages web du site « gite d’Amélie et Elodie » à l’aide de balises html.  Travail a mener : créer la feuille de style externe permettant d’obtenir la mise en page proposée en modèle.

43 Le flux d’éléments

44 Flux normal

45 Positionnement relatif

46 Positionnement absolu

47 Propriété float

48 Propriété clear

49

50 Maquette de page

51 CSS modèle de page 2 colonnes (navigation à gauche)

52 CSS modèle de page 2 colonnes (top logo, left nav)

53 Configurer les liens dans une liste non ordonnée

54 Propriété display

55 Configurer les liens dans une liste non ordonnée

56