Scribd
Cargar
178 vistas1 página

Curso de CSS

Este documento describe la propiedad display en CSS, la cual modifica el comportamiento de las cajas. Explica que display tiene valores como block, inline, inline-block y flex que cambian cómo se muestran los elementos. También cubre el atajo de teclado CTRL + F para buscar elementos en CSS.

Cargado por

DANIELA CAROLINA SALAZAR SEGOVIANO
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
178 vistas1 página

Curso de CSS

Este documento describe la propiedad display en CSS, la cual modifica el comportamiento de las cajas. Explica que display tiene valores como block, inline, inline-block y flex que cambian cómo se muestran los elementos. También cubre el atajo de teclado CTRL + F para buscar elementos en CSS.

Cargado por

DANIELA CAROLINA SALAZAR SEGOVIANO
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 1

Curso de CSS – Soy Dalto

- Display: La propiedad Display es una propiedad que lo que


hace es modificar el comportamiento de las cajas.
La propiedad Display tiene varios valores que son los
siguientes:

- Block (A pesar de que solo necesitan un espacio, ocupan


todo un bloque)
- Inline (Solo ocupan lo que el contenido necesita). Se
utiliza generalmente para texto.

- Inline-block (Le podemos dar un alto y un ancho, ósea


podemos modificar las dimensiones de la caja, permite
poner un elemento al lado de otro, mientras en inline
no.) Se usa para bloque que queremos poner en línea.
- Table (Se comporta como tabla)
- Inline-tablle (Se comporta como tabla en línea)
- List-item
- Table-cell (Se comporta como cada una de las celdas)
- Table-row (Se comporta como cada una de las filas)
- Table-column (Se comporta como cada una de las columnas)

- Flex Flex cambio la forma en la que podemos maquetar los


sitios web.
- Grid
La mejor combinación es Flex + Gird, (estas dos se
comportan cono block).
Nota: Las propiedades de Display que más se utilizan son:
Block, inline, inline-block, grid, flex, inline-flex y
inline-gird.
ATAJO DE TECLADO EN CSS: CTRL + F Se escribe el elemento que se
desea modificar o visualizar y en seguida se presiona CTRL + H y
escribimos la etiqueta que queremos que reemplace a div.

También podría gustarte