Apprenez Le Langage CSS

rappels :

• l'architecture client/serveur. les navigateurs.
• les langages côté client xml, (x)html, css, javascript.
• le web sémantique. l'accessibilité. l'encoding.

la base des css :

• les avantages des feuilles de style.
• les différentes versions de css (css1, css2, css3).
• la cascade css. le stockage des feuilles css.
• le support par les navigateurs.
• les types de sélecteurs (id, class et balises).
• l'ordre de priorité. les propriétés.
• lles unités de mesure (em, px, pt...).
• les couleurs (rvb versus de base).

les boîtes et blocs :

• les balises de bloc versus en ligne.
• le flux css. les marges (margin, padding).
• lepositionnement dans le flux (relatif, flottant), positionnement hors flux (absolu, fixe).
• le z-index (altitude). la propriété box-sizing. les contextes de formatage.
• fonds et bordures (couleurs, transparence, coins arrondis, ombres portées).
• le contenu (déroulement/scrolling).
• cas particulier des tableaux.

les styles textuels :

• modification des fontes (tailles, polices, couleurs...).
• alignement du texte.
• les pseudo-classes.
• les effets visuels (clignotement...).
• listes et menus horizontaux et verticaux.

les images

• redimensionnement. rollover. ).
• liens et images.
• de contenu (img) versus d'apparence (background).

les formulaires :

• design de champs de saisie, liste de sélection, zone de texte, case à cocher... .
• mise en forme des étiquettes (labels), des légendes, groupes de champs (fieldset)...

modifications des css en javascript :

• modification des styles en javascript (les interfaces style et classname).
• effets : apparition, cliqué-glissé, menu déroulant...