Développement Web
Une formation purement pratique,
Qui vous permettra d’acquérir des compétences en
Développement Web et de faire un pas dans le monde du web.
INTRODUCTION
Résumé du cours sur le langage CSS
Partie 1 : CSS (6 pages )
Partie 1 : Introduction au CSS
Définition : CSS
Rôle : de CSS
La syntaxe d'une règle de CSS
3 Méthodes: inline, interne, externe
Partie 2 : Sélecteurs
Par balise : p {}
Par la classe : .maClass {}
Par ID : #monID {}
Combinaison et hiérarchie: div p, .nav a
Partie 3 : Propriètés de Texte
Couleur : color, background-color
Police : font-family, font-size, font-weight
Alignement : text-align
Espacement : line-height, letter-spacing
Partie 4 : box model & Mise en Page
Padding, Border, Margin
Dimensions : width, height, max-width
Display: block, inline, inline-block, none
Partie 5 : Positionnement et Flexbox
Position: static, relative,absolute,fixed
z-index
Flexbox: display:flex, justify-content, align-items
Partie 3 : Introduction au CSS
Définition : CSS
CSS pour Cascading Style Sheet en français feuille de style en cascade est utilisé pour styliser et mettre en
forme des pages web.
Rôle : de HTML
CSS a pour rôle de mettre en forme les différents éléments de la page web, Le CSS a besoin d’une base en
HTML pour fonctionner.
La syntaxe d'une règle de CSS
3 Méthodes: inline, interne, externe
Partie 2 : Sélecteurs
La balise, une Class et l'ID
Partie 3 : Propriètés de Texte
Couleur : color, background-color
Police : font-family, font-size, font-weight
Alignement : text-align, Espacement : line-height, letter-spacing
Partie 4 : box model & Mise en Page
Padding, Border, Margin
Dimensions : width, height, max-width
Display: block, inline, inline-block, none
Partie 5 : Positionnement et Flexbox
Position: static , relative , absolute , fixed
z-index
Flexbox: display:flex, justify-content, align-items
display:flex sert à mettre les éléments en horizontal
justify-content sert à mettre les éléments au centre et autre avec un space
align-items sert à mettre les éléments au centre…