Les mises en forme
CSS
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 nive...
Les sélecteurs css
Modification d'une balise HTML
balise
{
Propriete1 : valeur2 ;
}
Exemple
h1
{
color: red;
}
Propriéte CSS
- Changer la couleur du texte :
color : red ;
- Changer la couleur de fond :
background-color : orange ;
p
{...
Jouons avec les couleurs !
- Créer un fichier html nommé page.html
- Créer un fichier style.css
- Lier les deux fichiers
-...
Aller plus loin !
- En partant du fichier précédent, centré le titre
- Grossir le titre à 60px
- Réduire la taille du site...
Meetup css
Prochain SlideShare
Chargement dans…5
×

Meetup css

328 vues

Publié le

Initiation au mise en forme CSS
Explication et mise en pratique des différentes balises css

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
328
Sur SlideShare
0
Issues des intégrations
0
Intégrations
4
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Meetup css

  1. 1. Les mises en forme CSS Formation par Ludovic Verrecchia, intervenant à 3wAcademy
  2. 2. Notre école Plus de 400 étudiants 11 salles dans le monde Plus de 2 ans d'existence
  3. 3. Nos cours
  4. 4. Notre méthode
  5. 5. Suivez-nous www.3wa.fr www.facebook.com/3WAcademy #3WAcademy 3w Academy
  6. 6. sans css avec css
  7. 7. CSS CSS : Cascading Style Sheets - Gérer l'affichage d'un site - Séparer la structure de l'affichage
  8. 8. 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>
  9. 9. Les sélecteurs css Modification d'une balise HTML balise { Propriete1 : valeur2 ; } Exemple h1 { color: red; }
  10. 10. 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; }
  11. 11. 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
  12. 12. 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

×