Link Search Menu Expand Document

Fulls d’estil en cascada (CSS)

  1. Introducció
  2. Selectors
  3. Unitats de mesura i colors
  4. Model de caixa

Introducció

Introducció a CSS. Capítol 1.Introducció

Selectors

Introducció a CSS. Capítol 2.Selectors

Activitat 9. Selectors

Afig al document HTML css01.html els selectors necessaris perquè l’aspecte del document siga com el de la imatge CSS.

Valida la pàgina abans de penjar-la a Aules.

Unitats de mesura i colors

Introducció a CSS. Capítol 3. Unitats de mesura i colors

Activitat 10. Unitats de mesura i colors

En el lloc web de Joan Miró canvia globalment:

  1. La grandària de la lletra de l’h1 de main a 1.3em i el color de la teua elecció;
  2. La grandària de la lletra de l’h2 de main a 1.1em i el color de la teua elecció;
  3. La grandària de la lletra del paràgraf de footer a 0.8em i el color a yellow.
  4. L’amplària (width) de aside a 23% i el farcit (padding) a 1%.
  5. El marge esquerre (margin-left) de main a 25%. 6 .La grandària de totes les imatges a l’amplària de 50% i a l’alçada automàtica (auto).
  6. La grandària de la lletra de les citacions llargues a 1.1em i el color gris (gray).
  7. La grandària de la lletra dels paragràfs associats a les imatges a 0.8em. Hauràs de crear una classe.
  8. El color de fons (background-color) de les capçaleres de les taules a un color clar de la teua elecció.
  9. El color de fons (background-color) de les dades de les taules a un color clar distint a l’anterior.
  10. El farcit (padding) de les capçaleres i les dades de les taules al 1%.

Valida la pàgina abans de penjar-la a Aules.

Model de caixa

Introducció a CSS. Capítol 4. Model de caixa