⭐CSS desde CERO - 43 ¿Qué es y cuántos tipos de DISPLAY hay en CSS?

preview_player
Показать описание
¿Qué es display en CSS ejemplo? ¿Qué es la propiedad display en CSS? ¿Cuántos tipos de propiedad display hay en CSS?. CURSO de CSS desde CERO a AVANZADO.

No te olvides de: LIKE 👍 | COMPARTIR 🔥 | COMENTAR 💬 | SUSCRIBIRTE 🔔

🔔 SUSCRIBETE 🔔

✔️ SÍGUEME EN FACEBOOK ✔️
Рекомендации по теме
Комментарии
Автор

Gracias Carlos Alfaro por este curso, he visto todos los vídeos del curso hasta este último, agradezco tu buena enseñanza, aquí estamos esperando los próximos vídeos, Saludos desde Cancún!

vladimirpool
Автор

/*
DISPLAY

block / inline / inline-block / none / table / tablerow / table-cell
*/
:root{
--fuente:16px;
--color-uno: blue;
}
html{
width: 100%;
height: 100%;
font-size: var(--fuente);
}

.caja{
background-color: #333;
color: #FFF;
margin-bottom: 10px;
/* ==display== */
display: inline;
}


/*CELDA DE FORMA UNIFORME*/

.tabla{
display: table;
width: 100%;
}
.fila{
display: table-row;
}
.celda{
display: table-cell;
}

mattewswic
Автор

Gracias carlos, pude terminar el 2018 con conocimientos en css, recomendado tus vídeos, te deseo un felíz año, gracias por compartir tus conocimientos... un saludo desde venezuela! ;)

franco
Автор

<!DOCTYPE html>

<html>
<head>
<title>DISPLAY en CSS</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--normalize para que sea compatible con todas los navegadores-->
<link rel="stylesheet" href="../CSS/normalize.css" >
<!--estilo.css-->
<link rel="stylesheet" href="../CSS/estilo.css" >
</head>
<body>
<div class="caja" >Caja numero 1</div>
<div class="caja" >Caja numero 2</div>
<div class="caja" >Caja numero 3</div>
<div class="caja" >Caja numero 4</div>
<div class="caja" >Caja numero 5</div>
<div class="caja" >Caja numero 6</div>
<div class="caja" >Caja numero 7</div>

<!--celda de forma uniforme-->
<div class="tabla">
<div class="fila">
<div class="celda">Celda 1</div>
<div class="celda">Celda 2</div>
<div class="celda">Celda 3</div>
<div class="celda">Celda 4</div>
<div class="celda">Celda 5</div>
<div class="celda">Celda 6</div>
<div class="celda">Celda 7</div>
</div>
</div>

<h3>Link del video</h3>

</body>
</html>

mattewswic