En esta quinta entrega vamos a conocer otro nuevo div llamado:
contenido. Este div tiene un estilo asociado a la etiqueta contenido y en su interior nos encontramos varias etiquetas como la cabecera h1, la etiqueta de cursiva <i>, la de párrafo
Además aunque en este caso no sería necesario vemos como poner acentos usando los elementos &....
Esto lo recomienda el consorcio aunque en este caso ya digo que podriamos escribir acentos sin problemas debido al charset en la parte meta de la página.
Vamos a ir desglosando los estilos:
El primero que vemos es el estilo contenido:
Como vemos tiene un fondo gris, flota a la izquierda con lo que se pega al anterior div si cabe dentro del contenedor, dispone de un ancho y alto y un padding de 10px.
Dentro del contenido disponemos de la etiqueta <h1> que lleva su propio estilo. con color gris, tamaño de letra de 24px y un margen inferior para separar del siguiente texto en 8px;
Dentro del h1 tenemos una etiqueta <i> la cual no lleva estilo asociado por lo que todas las características de tipografía las toma del contenedor h1.
Ya solo nos queda el estilo de la etiqueta <p>:
contenido. Este div tiene un estilo asociado a la etiqueta contenido y en su interior nos encontramos varias etiquetas como la cabecera h1, la etiqueta de cursiva <i>, la de párrafo
Además aunque en este caso no sería necesario vemos como poner acentos usando los elementos &....
Esto lo recomienda el consorcio aunque en este caso ya digo que podriamos escribir acentos sin problemas debido al charset en la parte meta de la página.
Vamos a ir desglosando los estilos:
El primero que vemos es el estilo contenido:
Como vemos tiene un fondo gris, flota a la izquierda con lo que se pega al anterior div si cabe dentro del contenedor, dispone de un ancho y alto y un padding de 10px.
Dentro del contenido disponemos de la etiqueta <h1> que lleva su propio estilo. con color gris, tamaño de letra de 24px y un margen inferior para separar del siguiente texto en 8px;
Dentro del h1 tenemos una etiqueta <i> la cual no lleva estilo asociado por lo que todas las características de tipografía las toma del contenedor h1.
Ya solo nos queda el estilo de la etiqueta <p>:
poco que indicar en este estilo.
La etiqueta </br> no lleva estilo asociado, se suele usar así aunque admite apertura y cierre.
En la próxima entrega veremos más.
Comentarios
Publicar un comentario