M8 - Aplicacions web / Proves UF5: Posicionament flotant

De wikiserver
La revisió el 20:42, 7 nov 2016 per Rsort (Discussió | contribucions) (Exercici 1)
Dreceres ràpides: navegació, cerca

Exercici 1

Solució posicionamet flotant 1
  • Crea el fitxer efemerides.css per a que efemerides.html es visualitzi com en l'imatge anterior.

Valors atributs

  • Colors: white; #fff176; #ffeb3b; #fbc02d; #fdd835; #f57f17;
  • Font: sans-serif;
  • Mida font: 150%; 80%;
  • Marges: 0; 10px; 5px;
  • Farciment: 5px;
  • Vores: #fff176 10px solid; #fbc02d 5px solid; none; #f57f17 5px solid;
  • Posicionament: flotant per l'esquerra;
  • Amplada: 34em; 15em;
  • Netejar elements flotans: both;

Exercici 2

Solució posicionamet flotant 2
  • Crea el fitxer oscar_wilde.css per a que oscar_wilde.html es visualitzi com en l'imatge anterior.

Valors atributs

  • Colors: orange; green; white; lightgray; red; blue;
  • Font: fantasy; monospace;
  • Mida font: 300%; 150%;
  • Pes font: bold;
  • Variant font: small-caps;
  • Espai entre lletres: 5px;
  • Alineació text: justify; left; center; right;
  • Marges: 0 0 2em; 0; 20%; 2em;
  • Farciment: 20px; 5px
  • Vores: Blue 5px dotted; white 3px solid; red 1px dashed;