Accueil > Web design - les fondamentaux

 > SASS – SCSS – Initiation – Génération des feuilles de styles CSS

null

Web design - les fondamentaux

SASS – SCSS – Initiation – Génération des feuilles de styles CSS

Objectif

Savoir utiliser SASS, un préprocesseur CSS (langage de description compilé en CSS)

Durée : 1 jour (7 heures)

Connaissances de base d'HTML et de CSS

Programme de la formation

Introduction SASS-SCSS

  • Généralités
  • Logiciels et outils de compilation
  • Création et architecture d'un projet Web

Utilisation des variables

  • Déclaration d'une variable
  • Utilisation d'une variable dans le code
  • Utilisation d'une variable dans un calcul CSS

Organisation des fichiers en partiels

  • Utilisation de la commande @import
  • Utlisation des @include
  • Utilisation des @mixin
  • Utilisation du & dans un @mixin

Les media queries

  • Définition et utilisation des media queries
  • Inclusion des media queries dans SASS

Les structures de contrôle

  • Utilisation du @if - @else if - @else
  • Utilisation du @for
  • Utilisation du @each
  • Utilisation du @while

Mise en pratique – Création de fichiers SCSS prêts à compiler

Menu