Tipografía

Google pon á nosa disposición algo menos de mil tipos de letras que podemos usar no noso sitio web.

O teu traballo:

Conta nun artigo do teu blog o que temos que facer para que a tipografía da  nosa web quede preciosísima.

Pero moito ollo co que conta este experto.

Tomar medidas en CSS

Normalmente medimos en cm en deseño web é bastante habitual empregar px. Imos ver todas as posibilidades.

O teu traballo:

Consultando  as nosas familiares páxinas averigua o que é:

1. O significado de px
2. Que é un tamaño relativo?
3. Que significa unha fonte de tamaño 3em? Pon exemplo con captura de pantalla
4. Cal é a diferencia con 3rem? Tamén uns exempliños
5. Que significa poñer un tanto por cento?

Propiedades en CSS

Na xa coñecida páxina de w3schools busca propiedades para que o teu sitio web quede estupendo.

O teu traballo:

Persoaliza o teu sitio en html de tal xeito que teña:

• fondo a cor
• recheos sensatos
• marxes dun 10%
• liñas punteadas
• parágrafos indentados
• ligazóns a cores con hover
• algún texto a cor

Comentarios en HTML e CSS

Cando quero ocultar parte do meu código ou explicar a razón pola que fago algo debo usar comentarios. En HTML non son igual ca en CSS.

<!--O que escribo no ficheiro .html non se ve no navegador-->

/* para dar explicacións en CSS */

O teu traballo:

Pon comentarios en todos os teus ficheiros explicando a razón das etiquetas ou propiedades máis difíciles

Encaixonados en CSS

Imos aclarar algo co que xa traballamos: border, padding, margin. Os espacios que podemos ir amoldando para facer mellores sitios web. Chámase o Box Model e na imaxe tratamos de aclarar como vai.

O teu traballo:

Consultando esta web  averigua a resposta a estas preguntiñas:

1. Que é a área de recheo? Como se di  en inglés “recheo”?
2. Cales son as propiedades que determinan o espesor do recheo?
3. A propiedade border de que é abreviatura?
4. Se quero un marxe superior moi grande que debo usar?