CURSO de CSS 2021 Rapido y Facil # 9 | 💻 TIPOS DE ELEMENTOS

Summary

En este episodio del curso de CSS, se exploran los conceptos básicos de los elementos de tipo 'bloque' y 'línea'. Se explica cómo los elementos HTML como h1, h2 y párrafo tienen un comportamiento predeterminado de 'bloque', que los hace aparecer uno debajo del otro y ocupar todo el ancho disponible. A través de ejemplos prácticos, se muestra cómo aplicar CSS para modificar estas características, como establecer un fondo, cambiar el color de texto y ajustar el tamaño de la fuente. Además, se introducen las propiedades 'display' y se contrastan los elementos de tipo 'bloque' con los de tipo 'línea', como los enlaces, que se ajustan a los elementos del navegador y pueden verse uno al lado del otro. El video termina con una introducción a los elementos flotantes y la promesa de explorar más técnicas avanzadas en futuras lecciones.

Takeaways

• 😀 El curso de CSS aborda la diferenciación entre elementos de tipo bloque y elementos de tipo línea en HTML.
• 🔍 Se explica que los elementos de tipo bloque, como h1, h2 y párrafo, se expanden por defecto para ocupar todo el ancho del navegador y se alinean verticalmente.
• 🎨 Se muestra cómo aplicar estilos CSS a estos elementos, incluyendo fondo, color de texto y tamaño de fuente, para modificar su apariencia.
• 📐 Se destaca que los elementos de tipo bloque tienen un alto y un ancho predeterminados que pueden ser modificados, a diferencia de los elementos de tipo línea.
• 🔵 Se menciona que los elementos de tipo línea, como span, no pueden modificar su alto y ancho de la misma manera que los elementos de tipo bloque.
• 🔲 Se aprende que los elementos de tipo línea se ajustan a los elementos del navegador y se alinean horizontalmente, en contraste con los elementos de tipo bloque.
• 💠 Se introduce la propiedad CSS 'display' y se explica cómo cambiarla afecta la presentación de los elementos en la página web.
• 📝 Se da un ejemplo práctico de cómo aplicar la propiedad 'display: inline-block;' para que los elementos de tipo bloque se alineen horizontalmente.
• 🖼️ Se explica que los elementos de tipo bloque y de tipo línea tienen propiedades predeterminadas de 'display' que son 'block' y 'inline' respectivamente.
• 🛠️ Se menciona que al trabajar con elementos de tipo línea, se pueden aplicar ciertas propiedades como 'padding', pero con ciertas limitaciones en comparación con los elementos de tipo bloque.

Q & A

¿Qué es lo primero que se hace en el curso de CSS de este episodio?

Lo primero que se hace es borrar todo lo que se había hecho anteriormente y quedarse con solo el body base en HTML y los estilos CSS, manteniendo el color de fondo del body.

¿Cuáles son las etiquetas HTML utilizadas para diferenciar los tipos de elementos en este curso?

Se utilizan las etiquetas HTML h1, h2 y párrafo para diferenciar los tipos de elementos, con nombres específicos como 'curso de CSS básico' para h1 y 'tipos de elementos' para h2.

¿Qué propiedad CSS se utiliza para identificar visualmente los límites de los elementos HTML?

Se utiliza la propiedad 'background' para identificar visualmente los límites de los elementos HTML, ya que permite ver desde dónde comienza y termina cada etiqueta.

¿Qué clase se le da al h1 en el ejemplo y cuál es su propósito?

Se le da la clase 'tipo bloque' al h1. El propósito es ilustrar cómo se diferencian los elementos de tipo bloque en CSS, que por defecto ocupan todo el ancho disponible y se alinean竖直地 uno debajo del otro.

¿Cómo se cambia el color de texto y el tamaño del texto en CSS?

Se cambia el color de texto con la propiedad 'color' y se aumenta el tamaño del texto con la propiedad 'font-size', como se muestra en el ejemplo con 'color: white;' y 'font-size: 20px;'.

¿Qué características definen a los elementos de tipo bloque en CSS?

Los elementos de tipo bloque se caracterizan por tener un alto y un ancho, por defecto se expanden por todo el ancho del navegador y se alinean竖直mente uno debajo del otro.

¿Qué elementos se pueden considerar de tipo línea en CSS y cómo se diferencian?

Elementos como 'span' se consideran de tipo línea. Se diferencian de los elementos de tipo bloque porque no ocupan todo el ancho disponible y pueden acomodarse horizontalmente uno al lado del otro.

¿Cómo se aplican los márgenes y bordes en los elementos de tipo línea en CSS?

Se aplican los márgenes y bordes en los elementos de tipo línea de manera similar a los elementos de tipo bloque, pero es importante tener en cuenta que los elementos de tipo línea no pueden controlar su alto y ancho de la misma manera.

¿Qué propiedad CSS se utiliza para cambiar el comportamiento de los elementos de tipo bloque para que se comporten como elementos de tipo línea?

Se utiliza la propiedad 'display' con el valor 'inline-block' para hacer que los elementos de tipo bloque se comporten como elementos de tipo línea, permitiéndoles acomodarse horizontalmente.

¿Cuáles son algunos de los elementos HTML que son de tipo bloque y de tipo línea según el ejemplo del curso?

Entre los elementos de tipo bloque se encuentran 'h1', 'h2' y 'párrafo', mientras que 'span' es un ejemplo de elemento de tipo línea.

Outlines

00:00

🎨 Introducción a los Tipos de Elementos en CSS

En este primer párrafo, se inicia un curso de CSS enfocado en los tipos de elementos. Se menciona la importancia de la propiedad 'background' para entender los límites de los elementos HTML. Se trabaja con etiquetas HTML como h1, h2 y párrafo, y se les asigna una clase 'tipo bloque' para aplicar estilos CSS. Se explica que los elementos de tipo bloque, como h1 y h2, tienen un alto y ancho predeterminados que se pueden modificar, y que se expanden por defecto a lo ancho del navegador. Se resalta que estos elementos se alinean verticalmente uno debajo del otro.

05:00

🔍 Elementos de Tipo Línea y sus Características

El segundo párrafo explora los elementos de tipo línea, como 'span', y cómo difieren de los elementos de tipo bloque. Se describen las propiedades de los elementos de tipo línea, como su capacidad de ajustarse al contenido y su disposición horizontal. Se menciona que no se pueden modificar su alto y ancho de la misma manera que los elementos de tipo bloque. Además, se demuestra cómo los elementos de tipo línea, a diferencia de los de tipo bloque, no mantienen una separación fija entre ellos y se ajustan al navegador.

10:02

🛠 Manipulación de Elementos de Tipo Bloque y Línea

En el tercer párrafo, se profundiza en cómo manipular los elementos de tipo bloque y línea. Se explica la propiedad 'display' y cómo cambiarla afecta la presentación de los elementos. Se muestra cómo hacer que elementos de tipo bloque se comporten como si fueran de tipo línea usando 'display: inline-block'. Se resalta la importancia de entender cómo estos cambios afectan la disposición de los elementos en el navegador y cómo se pueden personalizar para cumplir con las necesidades de diseño específicas.

15:06

🔄 Conclusión y Próximos Pasos en el Curso de CSS

El último párrafo concluye el episodio actual del curso de CSS, resumiendo los conceptos aprendidos sobre los elementos de tipo bloque y línea. Se menciona la introducción de nuevas características como 'flotantes' y se promete explorar más etiquetas HTML para diferenciar estos tipos de elementos. Se anima a los estudiantes a continuar aprendiendo y se indica que en futuras lecciones se abordarán más detalles y técnicas avanzadas para manipular los elementos en el navegador.

Keywords

💡CSS

CSS (Hojas de Estilo en Cascada) es un lenguaje utilizado para describir la presentación de un documento escrito en HTML. En el guion, CSS se utiliza para diseñar y manipular el aspecto de los elementos en una página web, como se muestra al aplicar estilos a etiquetas HTML para cambiar su apariencia visual.

💡Elementos de tipo bloque

Los elementos de tipo bloque son aquellos que ocupan todo el ancho disponible y se alinean竖直地 uno debajo del otro. En el video, se menciona que elementos como h1, h2 y párrafo son de tipo bloque y se ajustan de esta manera por defecto.

💡Elementos de tipo línea

Los elementos de tipo línea se alinean horizontalmente y se ajustan al tamaño del contenido. En el guion, se explica que elementos como span y enlace (a) son de tipo línea y pueden colocarse uno al lado del otro.

💡Propiedad display

La propiedad 'display' en CSS controla cómo se muestran los elementos HTML. En el video, se discute cómo cambiar la propiedad 'display' de 'block' a 'inline' o 'inline-block' para alterar el comportamiento de los elementos en la página.

💡Background

El 'background' en CSS se refiere a la apariencia del área de fondo de un elemento. En el guion, se utiliza para diferenciar visualmente los límites de los elementos, como se muestra al aplicar un color de fondo a h1, h2 y párrafo.

💡Color del texto

El 'color del texto' es una propiedad CSS que define el color del texto dentro de un elemento. En el video, se cambia el color del texto a blanco para que se vea mejor sobre un fondo verde.

💡Font-size

La propiedad 'font-size' en CSS establece el tamaño del texto. En el guion, se utiliza para aumentar el tamaño del texto de los elementos h1, h2 y párrafo para mejorar su legibilidad.

💡Padding

El 'padding' es el espacio entre el contenido de un elemento y su borde. En el video, se aplica 'padding' a elementos de tipo línea para darles una apariencia más agradable y para separarlos visualmente.

💡Margin

El 'margin' es el espacio exterior alrededor de un elemento, fuera de su borde. En el guion, se sugiere usar 'margin' para separar visualmente los elementos de tipo bloque en la página.

💡Border

El 'border' es una línea que rodea el contenido de un elemento. En el video, se utiliza para dar un borde rojo a un elemento para resaltarlo visualmente en la página web.

💡Text-align

La propiedad 'text-align' en CSS controla la alineación del texto dentro de un elemento. En el guion, se aplica 'text-align: center' para centrar el texto dentro de los elementos h2.

Highlights

Inicio del episodio de CSS con una limpieza de contenidos anteriores y configuración de base para la lección.

Introducción a los tipos de elementos en HTML y su diferenciación mediante etiquetas.

Creación de estructuras básicas con etiquetas h1, h2 y párrafo para entender la diferencia entre HTML y CSS.

Importancia de la propiedad 'background' en CSS para definir los límites de los elementos HTML.

Explicación de la clase 'tipo bloque' y su aplicación en elementos h1, h2 y párrafo.

Configuración de propiedades CSS para elementos de tipo bloque: fondo, color de texto y tamaño de fuente.

Descripción de los elementos de tipo bloque y su comportamiento por defecto en el navegador.

Diferenciación entre elementos de tipo bloque y tipo línea, con ejemplos de cada uno.

Propiedades de los elementos de tipo línea y su capacidad para ajustarse al navegador y acomodarse uno al lado del otro.

Limitaciones en la modificación del ancho y alto de los elementos de tipo línea.

Aplicación de propiedades CSS en elementos de tipo línea y su efecto diferencial en comparación con los de tipo bloque.

Explicación de las propiedades 'display' y cómo se aplican en elementos de tipo bloque y tipo línea.

Conversión de elementos de tipo bloque a 'inline-block' para lograr una disposición horizontal.

Adición de márgenes y bordes en elementos de tipo bloque para diferenciar visualmente entre ellos.

Alineación de texto en elementos de tipo bloque y tipo línea para mejorar la presentación.

Resumen de la diferencia entre elementos de tipo bloque y tipo línea y su manejo en CSS.

Vista previa de temas futuros como 'flotantes' y otras características avanzadas de CSS.

Transcripts

[Música]

qué tal amigos si estamos de regreso con

nuestro curso de css hoy en este

episodio vamos a ver los temas de tipos

de elementos un tema sumamente

importante el cual vamos a entrar

rápidamente en acción bien lo primero

que vamos a hacer es borrar todo lo que

hicimos anteriormente y nos vamos a

quedar simplemente con la parte del body

base o ok y también en los estilos css

va a ser lo mismo vamos vamos a

prácticamente todo y salvo nos vamos a

quedar con el body para mantener este

color de fondo

ok

bien nos vamos a html porque los tipos

de elementos básicamente vamos a poder

diferenciarlo mediante las etiquetas de

esta tecnología html y de hecho acá

vamos a trabajar con h1 vamos a darle un

nombre que te parece en curso

de css básico key perfecto

vamos a traer una segunda etiqueta h 2

el cual vamos a llamarle como el título

de hoy que es tipos de elementos

perfecto y para finalizar esta primera

parte un párrafo el cual voy a

rellenarlo con texto falso controles y

ahí lo tienes bien básicamente nosotros

sale un inicio pensamos que al usar

simplemente html cada uno de estos

elementos tienen esa forma y comienzan

acá y termina acá pero recuerda que en

los anteriores ejemplos que hemos subido

en el largo de este pequeño curso de css

en muchos de los ejemplos y de hecho es

la primera propiedad que hemos visto que

es el de fondo background ya que gracias

a este background podemos saber de dónde

a dónde comienza o finaliza cada una de

estas etiquetas por tanto este tema es

sumamente importante para eso entonces

nos venimos acá y para que no te es la

diferencia entre usar html y css

otorgando un fondo y vamos a trabajar

primeramente con h1

porque no con los tres nos venimos acá

vamos a darle una clase a clase y el

nombre que voy a otorgarle a esta clase

es tipo bloque

más adelante les vamos a decir por qué

vamos a seleccionar todo esto lo

copiamos con un control se y vamos a

pegarlo precisamente tanto en etiqueta

che 2 y también en el de párrafo

control s para guardar esos cambios no

olvides siempre actualizar los cambios y

además en la parte del body simplemente

llamamos a la clase punto tipo bloque

entre las propiedades de esta clase y

vamos a darle como de costumbre a un

fondo background para saber de donde

donde podamos otorgar ciertas

condiciones ok batearon de color verde

punto y coma vamos a cambiar el color

del texto a blanco white punto y coma y

también vamos a aumentar el tamaño del

texto con font sites de 20 píxels 1

mayor 35

punto y coma control s ahí lo tienes

básicamente a un inicio con simplemente

html recuerda que pensábamos que

comenzaba aquí terminaba acá pero al

aplicar un fondo en css sabemos que no

es así que como te diste cuenta

básicamente en css todo es cara

todos tienen esta forma rectangular ok y

hasta el momento es así y por más que

expanda mi navegador tiene esa forma a

este tipo de elementos que tienen esta

característica vamos a llamarle

precisamente de tipo bloque en los

cuales encontramos las etiquetas h1 h2

párrafo y algunas más que vamos a

detallar al final de este episodio pero

por el momento recuerda que estos

elementos de tipo bloque tienen un alto

y un ancho pero estos elementos tanto en

su anchura y en su altura podemos

modificarlo por más que se note de esta

manera que parece que el ancho no tiene

un fin y es así por defecto el ancho se

expande por todo el navegador

bien un detalle también muy importante

sobre los elementos de tipo bloque que

cada uno de los elementos se ponen por

debajo una encima de otro o uno debajo

de otro una de las características de

los elementos de tipo bloque no son los

únicos de hecho mira acá dentro de las

propiedades de tipo bloque yo puedo

limitar como ya te mencioné el alto y la

anchura sin ningún problema vamos a

trabajar con with y vamos a otorgarle

800 píxeles punto y coma controles y

como es debido a notar tiene esa

dimensión porque obviamente acá estoy

dejando un valor definido 800 píxeles ok

y eso no quiere decir que precisamente

este elemento se ponga acá y esté más

allá ok eso no va a funcionar con los

elementos de tipo bloque de esta manera

siempre mantienen ese tipo de orden ok

pero no son los únicos hay otros que se

les conoce con el nombre de elementos de

tipo línea

entre ellos podemos encontrar los

elementos de tipo spam este tipo de

etiqueta acá simplemente yo voy a

ponernos el curso por poner una

referencia dicho acá también vamos a

darle una clase y vamos a depositar el

tipo de elemento que es de tipo línea

controles e y ahí lo tienes vamos a

darle propiedades

vamos a otorgar ahora algunas

propiedades como el fondo va a tener

aunque sea de color verde green punto y

coma vamos a cambiar el color de texto a

blanco white y también vamos a aumentar

el tamaño del texto font-size esta vez

de 60 píxels punto y coma obras y

controles ya y a simple vista podemos

notar una diferencia entre los elementos

de tipo bloque y los elementos de tipo

línea representados en esa forma acá ya

tenemos un valor definido de los

elementos los cuales por defecto también

no vamos a poder modificar tanto la

altura como la anchura un detalle muy

importante sobre los elementos de tipo

línea a diferencia de esos elementos y

mira con expand o el navegador

obviamente mantiene una distancia acá

mantiene porque acá yo tengo un wish de

800 pero en este caso ya por defecto

comienza casi termina en este punto pero

la característica más importante sobre

este tipo de elemento es la siguiente

nos vamos a venir acá este les voy a

traer otra etiqueta uno de enlace que

sería

voy a hacer de esta manera y vamos a

ponerle simplemente como referencia

información

simplemente eso no voy a presionar

todavía controles para que noten lo que

voy a hacer nos venimos acá como no

tiene una clase simplemente llamo a la

etiqueta vamos a poner casi las mismas

propiedades de hecho lo voy a copiar y

lo voy a pegar precisamente en la

etiqueta vamos a cambiar el color para

diferenciarlo por violeta

acá también que sea de color negro black

ahora sí

miren voy a presionar controles en

estilos no pasa nada porque acá no he

hecho el cambio entonces seleccione el

documento html presiona ahora sí control

ese y ahí lo tienes los elementos de

tipo línea se ajustan precisamente a los

elementos del navegador ok generalmente

estos elementos se ponen uno al lado del

otro

ok básicamente este es el estilo que

usamos para construir menos pero por el

momento estamos muy lejos de eso pero

noten la diferencia entre los elementos

de tipo bloque que están uno encima de

otro pero acá los elementos de tipo

línea se pueden acomodar donde pueden ok

eso es una característica esencial los

elementos de tipo línea otra de las

características también de los elementos

de tipo línea es como ya te mencioné no

puedo distinguir el ancho y el alto

porque miren acá yo voy a poner un ancho

de witt imaginemos de 700 pixels un

tamaño considerable control ese y no

pasa nada

que entonces esta propiedad no funciona

de esta manera

de hecho los elementos de tipo bloque

sabiendo lo que vimos en nuestro

anterior episodio miren acá los

elementos de este tipo yo voy a poner un

padding que algo que se note de 35

píxels punto y coma control s y ahí lo

tienes mantienen y además no están una

encima de otros sino que tienen una

distancia definida pero qué pasa si yo

aplico lo mismo en los elementos de tipo

línea voy a otorgarle un padding y qué

te parece si el pan y lo pongo de un

valor más alto 30 píxeles punto y coma

controles y ahí está se puede aplicar en

algunas condiciones está funcionando

cuando yo aplico miren en este caso en

la etiqueta en información vengo acá voy

a hacer lo mismo voy a otorgar un

padding de 30 píxeles también para curso

que es el tipo de línea que es el spam

controles up

y también se va acomodando cumple la

función que te mencioné se ajusta al

contenedor o en este caso al navegador

bien pero hay un detalle muy importante

sobre este punto que pase si el elemento

tipo línea que es curso

yo voy a cambiarle por el valor de 100

píxeles control s

obviamente entre elementos de tipo línea

mantienen una distancia pero entre un

elemento de tipo bloque y un elemento de

tipo línea vemos acá que precisamente no

cumple no hay una distancia que marque

esa separación ok entonces básicamente

tenemos que aprender a manejar cada uno

de estos objetos y cómo lo vamos a hacer

de la siguiente manera

vamos a dejar esto en el valor de 30

píxels o mejor dicho 20 controles para

no tener ningún problema mejor lo dejo

en 30

ok bien vamos a continuar con la parte

de tipo block en los elementos de este

tipo bien vamos a venirnos a este punto

debajo del padding y lo que yo voy a

hacer es que por defecto estos elementos

manejan una propiedad que se llama

display que en este caso el ser bloque

lo vamos a conocer con la palabra blog

punto y coma y si presionó control s no

pasa nada ok no pasa nada por que por

defecto tienen este nombre esta

propiedad display blog de la misma

manera los elementos de tipo línea a

cannes y yo pongo display tiene por

defecto la propiedad en line que quiere

decir en línea controles ahí también no

pasa nada en este tipo de elementos eso

quiere decir que estas propiedades

cuando lo aplicamos en un elemento

bloque básicamente no funcionan de la

misma manera los elementos de tipo línea

si pongo inline no pasa nada porque por

defecto tienen esa propiedad entonces

acá lo que yo necesito es para que

funcione con la misma modalidad de

elemento uno al lado

en los elementos de tipo bloque yo voy a

hacer lo siguiente

puede escribir in line punto y coma

control de s

tenemos un pequeño error acá vemos que

los elementos se han acoplado si expande

un poco mi navegador

ahí lo tienes uno al lado del otro y

como su propiedad básicamente es que

ocupen todo el espacio que puedan

se acomodan de esa manera porque porque

estos elementos de tipo en línea

recuerdan no puedo controlar tanto la

altura como la anchura es por eso que lo

vemos de esta manera entonces como

trabajamos los elementos del bloque para

que se pongan uno al lado de otro

de la siguiente manera yo necesito

decirle al display que sean de tipo

inline block que sean bloque pero en

línea que hay un detalle muy importante

ahora si miren presiono control s parece

que todo está normal pero al expandir el

navegador se acomoda en este caso se han

podido acomodar este y este elemento

porque precisamente este último bloque

no entra en este espacio y recuerda que

el detalle está en que los elementos de

este tipo deben ajustarse al navegador

ok muy importante ese punto para que

entiendas mejor acá en html voy a

expandir un poquito más acá para

terminar este episodio yo voy a trabajar

con un h 2 que voy a poner simplemente

inicio ingresemos otro h 2 y vamos a

ponernos el título por poner algunos

ejemplos nos venimos a este punto vamos

a ponerle una clase simplemente uno y

acá también hay dos clase clase 2

bien sabemos viven acá lo tenemos que

estos elementos son de tipo bloque que

es su característica

ahora ella en css vamos a otorgarle

algunas propiedades en este caso vamos a

poner un color de fondo que te parece

blog cake punto y coma vamos a cambiar

el color de texto a blanco para que se

pueda ver y también vamos a aumentar el

tamaño de texto con font sites una

herramienta muy importante que se note

de la misma manera de 40 pixels

geim punto y coma y también bueno por el

momento vamos a hacer eso presionó

control s ahí lo tienes vamos a copiar

todo esto control se lo vamos a pegar

acá vamos a cambiar este elemento a esta

clase por el de dos para llamar a esta

etiqueta control s

ahí lo tienes vamos a cambiar el color

qué te parece a hielo y también el color

de texto lo preferente es que lo

mantengamos en negro control ese y ahí

está los elementos que por defecto

recuerda que los elementos de bloque se

expanden en todo lo ancho y también

están uno debajo de otro ahora

comprendiendo lo que vimos con inline

block en esta parte vamos a aplicarlo

precisamente a estas dos etiquetas ok

entonces nos vamos a venir acá a la

etiqueta de la clase 1 y lo que voy a

hacer es otorgarle un ancho

wheat qué te parece de 300 píxeles

de la misma manera lo vamos a hacer acá

vamos a otorgarle un with de 300 pixels

muy bien estos elementos aún los tengo

de manera de bloque por eso están uno

debajo del otro simplemente hemos

reducido el tamaño del ancho para

hacerlo mejor en la parte del with

yo voy a cambiar su propiedad en este

caso con el display con display t yo voy

a cambiarlo a online block

punto y coma y si presionó controles no

pasa nada porque porque este elemento

aún sigue siendo bloque al ser un

elemento bloque lo que tengo acá

mantiene esa misma propiedad tiene que

estar por debajo entonces esta misma

cualidad no debe tener precisamente la

clase 2 in life blog si presionó control

s

ahí lo tienes acá simplemente yo podría

decirle un margin

más que todo los likes de 20 píxeles

controles y ahí lo tienes precisamente

diferenciado dicho acá para que lo notes

yo podría decirle un border de 3 píxeles

y del color que te parece rojo para que

lo puedas ver

de carácter sólido

control s ahí está ok posiblemente ya

dentro vamos a trabajar a acomodar el

texto como yo vea conveniente eso

dependerá mucho de vos dicho lo también

lo podríamos hacer y ya para terminar

porque no le decimos que tenga un text

align centre punto y coma control ese y

lo mismo vamos a aplicar acá parados

text align centre punto y coma

controles y bien de esta manera entonces

hemos conocido los tipos de elementos

los elementos de tipo bloque y los

elementos de tipo línea espero que esta

parte haya quedado claro para eso hay

que aumentarle algo que vamos a conocer

con el nombre de flotante y otras

características que a medida que van

pasando los años va cambiando de forma o

estilo de manipular los elementos dentro

de un navegador pero la base sería ésta

conocer qué elementos son de tipo bloque

y qué son los elementos de tipo línea

que en este ejemplo hemos visto algunos

pero ya al terminar este episodio vamos

a ver algunas de las etiquetas que donde

vamos a poder diferenciar tanto los

elementos de tipo bloque y los elementos

de tipo línea y bien eso ha sido todo

por hoy nos vemos en el siguiente

episodio de tu curso de css