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

30.  
31.  
34.  
37.  
50.  
<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 un párrafo con texto arial de tamaño 3rem alineado a la derecha, escrito en azul y con color de fondo negro. Con un ancho de 600px y un alto de 150px. Con un margen interior derecho de 50px.

Para realizar el ejercicio utilizaremos los siguientes estilos.

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 →