Meetup css

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

Internet

Meetup css