Cursos de páginas web

Curso de HTML | Estilos en línea

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.  

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

<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
Curso de HTML | 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 naranja 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>

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