Formation

Introduction au CSS

Plan de cours

• Retour sur le HTML
• Installation des outils
• web developper
• firebug
• pixel perfect
• création d’une page XHTML
• pourquoi donner un titre unique à sa page
• plusieurs niveaux de titre
• ajouter du texte dans des paragraphes
• utiliser du Lorem Ipsum
• ajouter des propriétés strong, em
• créer des liens
• ajouter des images a l’intérieur des paragraphes
• commenter son travail
• valider son document avec la bare d’outil « Web développer »
• Sémentique du CSS
• selecteur
• identifiant
• class
• pseudo-class
• essayer de trouver la différence entre un selecteur d’enfant et un selecteur de descendant
• explique bien les enfants, descendant, descendant directe, adjascent,  regroupement… http://www.floatthatbox.com/articles/
• http://css-tricks.com/5514-child-and-sibling-selectors/
• bon introduction et très visuel: http://vimeo.com/25121250
• parent
• enfant
• ancêtre
• descendant
• p, p., p#
• block de d’instruction
• { }
• instruction
• propriété: valueur^;
• 4 modes d’insertion des styles
• au niveau de la balise HTML
• dans l’entête du document HTML
• liaison d’une feuille de style externe(html)
• importation d’une feuille de style(css)
• Les propriétés d’arrière-plan
• Les propriétés de bordures
• La couleur
• Les tables
• Le positionnement(position) et flottant (float)
• Les enrichissements des textes
• Les listes
• Les marges(margin)
• espacement(padding)
• <div>(block) et <span>(inline)
• valider son document CSS
• Les selecteurs
• identifiant
• classes
• pseudo-class
• positionnement des éléments
• concept des sprite
• bouton réactif
• créer un menu en CSS