View
73
Download
5
Category
Preview:
Citation preview
Les mises en formeCSS
Formation par Ludovic Verrecchia, intervenant à 3wAcademy
Notre école
Plus de 400 étudiants
11 salles dans le monde
Plus de 2 ans d'existence
Nos cours
Notre méthode
Suivez-nous
www.3wa.fr
www.facebook.com/3WAcademy
#3WAcademy
3w Academy
sans css avec css
CSS
CSS : Cascading Style Sheets
- Gérer l'affichage d'un site
- Séparer la structure de l'affichage
Lier le css avec sa page
- Créer un fichier avec l'extension .css
- Ajouter la ligne suivante dans un fichier html au niveau de la balise <head>
<html> <head> <link rel='stylesheet' href='style.css'> </head></html>
Les sélecteurs css
Modification d'une balise HTML
balise{ Propriete1 : valeur2 ;}
Exempleh1{ color: red;}
Propriéte CSS
- Changer la couleur du texte : color : red ;
- Changer la couleur de fond : background-color : orange ;
p{ color: red;}
body{ background-color: orange;}
Jouons avec les couleurs !
- Créer un fichier html nommé page.html- Créer un fichier style.css- Lier les deux fichiers- Changer la couleur de fond du site en 'darkgreen' - Mettre tout le texte en blanc- Mettre les liens en orange- Mettre le titre en rouge
Aller plus loin !
- En partant du fichier précédent, centré le titre
- Grossir le titre à 60px
- Réduire la taille du site à 600px en largeur
- Justifié les paragraphes
Recommended