Le CSS

Introduction

Le style d'une page web se fait en CSS, la langage est puissant et on peut réellement arrivé à de très belle chose. Néanmoins attention à garder à l'esprit que votre page doit être lisible !

Où placer le code CSS

On peut placer le code CSS à trois endroits :


			
    
				
  1. Dans une feuille séparée, c'est le mieux car la feuille peut alors servir à toutes vos feuilles. On donne alors le lien vers la page (ligne 6).
    2. 
				
  2. Dans la balise script de l’entête. (ligne 7 à 13).
    3. 
				
  3. Dans les balises directement. (ligne 17).
    4. 
			

		
La première méthode est à privilégier.


		
Le principe

			
Pour chaque balise de la page HTML (h1,p,strong...), on peut modifier la taille, la couleur,... ça veut dire que sur la page toutes les parties en p auront le même style. C'est très bien car vos pages gagnent en cohérence, on peut néanmoins diversifier les balises mais ce n'est pas au programme de cette année.

			
Votre page HTML est constituée de rectangles, certains prennent toutes la place (p, h,.. div) d'autres sont petits (strong, a,... span). 

			
		
Exemples de modification.

			
Les couleurs

				

				
Notez les trois façons de définir une couleur.

			
La taille et la fonte

				

				
Il existe des police reconnues par le navigateur (voir ici), vous pouvez chercher des polices personnalisées par exemple sur sur google font.

			
Les positions

				

			
Les décorations

				

			
La boite

				

			
Les images

				

			
Action de la souris

				

		
Exemple
			
    
			
  1. Reproduire la page suivante :
    
			
    2. 
			
    Télécharger et dézipper le dossier suivant 
    
			
			
  2. 
			
    Projet
    
			
    Faire au moins deux pages web sur le thème de votre choix et une page css.
    
			
    
			
    3.