Cursos de páginas web

Estilos en línea

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Curso de HTML

1.  
2.  
3.  
4.  
5.  
6.  
7.  
8.  
9.  
10.  
11.  
12.  
13.  
14.  
15.  
16.  
17.  
18.  
19.  
20.  
21.  
22.  
23.  
24.  
25.  
26.  
27.  
28.  
29.  
30.  
31.  
32.  
33.  
34.  
35.  
36.  
37.  
38.  
39.  
40.  
41.  
42.  
43.  
44.  
45.  
46.  
47.  
48.  
49.  
50.  
51.  
52.  
53.  
54.  
55.  
56.  
57.  
58.  
59.  
60.  
61.  
62.   
<img src="imagen.jpg" width="30" height="30">

vs

<img src="imagen.jpg" style="width:30px; height:30px">

Unidades de medida

  • Un em es una unidad de medida igual al font-size del elemento. El font-size por defecto de la etiqueta HTML son 16px. Así que en principio ese es el valor de 1 em.
  • Un rem es una unidad de medida equivalente al font-size del elemento HTML (salvo que hayamos sobreescrito su valor)
  • % es una unidad de medida relativa a la capa que contiene al elemento al que se la hemos asignado
Estilos en línea 1

Ejercicio estilos en línea

Maquetar una celda negra con texto arial de tamaño 3em alineado a la derecha y escrito en azul. Con un ancho de 600px y un alto de 5em. Con un margen interior derecho de 50px.

padding-right
height
background
color
text-align
font-size
font-family
width

Capas

<div style="background-color:red; width:300px; height:300px">
</div>
← Hacer una newsletter con HTML
Padding y width →