Master en CSS3 Avanzado: Maquetación web de 3 sitios web profesionales
¡Entra al master completo pinchando aquí! Bienvenido al Máster en CSS3 Avanzado, en el que aprenderemos todo lo necesario para dominar HTML5, CSS, CSS3, Maquetación web, Responsive, Flexbox y CSS Grid Layout a nivel experto maquetando 3 sitios web impresionantes con las tecnologías de front-end más importantes orientadas al diseño web, con más demanda laboral y más proyección de futuro. Este no es un curso normal, estás ante un...
¿Cómo funciona CSS Grid Layout?
En este artículos vamos a descubrir que es y como funciona CSS Grid Layout. CSS Grid es una nueva forma de crear un layout con varias dimensiones, tanto horizontal como vertical y hacer un cuadricula para una web. Ejemplos de código Veamos como trabajar con CSS Grid Layout con algunos ejemplos de código. Antes de empezar con grid deberos crear un fichero index.html con este código: <!DOCTYPE html> <html...
¿Cómo funciona Flexbox en CSS?
Hoy vamos a aprender como funciona Flexbox en CSS. Flexbox es una nueva forma de maquetar con CSS, nos permite crear un layout y organizar nuestros elementos flexibles de mejor manera dentro de una web. Veamos algunos ejemplos prácticos. Ejemplos de CSS Flexbox Antes de empezar a usar flexbox tendremos que crear un fichero index.html con este código: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta...
PX vs REM vs EM | Unidades de medida en CSS
Hoy hablamos de las medidas en css y como funcionan los pixeles, los rem, los em, etc. Las medidas en CSS se utilizan para definir la altura, anchura, márgenes de los elementos, para establecer el tamaño de letra del texto y más. Se dividen en dos tipos absolutas y relativas. Absolutas: estas medidas no cambian de tamaño, siempre son iguales independientemente del tamaño de pantalla. Relativas: Se adaptan según...
¿Cómo funcionan las variables en CSS nativo?
Hoy vamos a hablar de variables en CSS, una nueva funcionalidad propia de un lenguaje de programación incorporada en CSS nativo o CSS puro que como sabes no es un lenguaje de programación si no un lenguaje de hojas de estilo. ¿Que es una Variable? Las variables son pequeños espacios en la memoria de un programa donde podemos guardar información. En CSS en este caso, podríamos guardar colores, fuentes,...
¿Qué es BEM y como utilizarlo en CSS?
Hoy vamos a hablar de BEM y como funciona en CSS. ¿Qué es BEM? BEM: La metodología BEM (bloque, elemento, modificador) es una forma de escribir selectores CSS de forma más rápida y sin tener que repetir el código. Se divide en tres reglas: Bloque: Es el contenedor de los demás elementos. Elemento: Son las etiquetas de dentro de un bloque. Modificador: Es una clase que diferencia a ese...
Curso de TailwindCSS
¡Entra al curso completo pinchando aquí! Bienvenido al curso de TailwindCSS, vas a aprender paso a paso como maquetar sitios web con el nuevo framework para CSS que más está creciendo actualmente. TailwindCSS es el framework para CSS que más personalización permite debido a su orientación a utilidades. Es uno de los frameworks más populares para hacer los estilos y la apariencia de aplicaciones web modernas y escalables. Si quieres ser desarrollador front-end o...
Aprender CSS en 15 minutos
Hoy vamos a aprender CSS en 15 minutos. Te enseñaré lo fundamental del desarrollo web y la maquetación web con el lenguaje de hojas de estilo más usado, más estándar y más demandado actualmente que nos permite dar forma, colocar elementos, aplicar un diseño y una apariencia visual a nuestras páginas web. ¿Que aprenderás? En este tutorial de CSS en 15 minutos te enseñaré a trabajar con: HTML5 Semántico...
Curso de Bootstrap 4 desde cero hasta profesional
¡Entra al curso completo pinchando aquí! Bienvenido al Curso de Bootstrap 4, en el que aprenderemos todo lo necesario para dominar la maquetación web avanzada con Bootstrap 4, CSS y todo su ecosistema. Aprenderás las tecnologías de front-end orientadas al diseño web más importantes, con más demanda laboral y más proyección de futuro. Este no es un curso normal, estás ante un curso muy completo de decenas de horas de contenido...
Master en CSS: Aprende CSS3, Responsive, SASS, Less, Flexbox, Grid y Bootstrap
¡Entra al master completo pinchando aquí! Bienvenido al Máster en CSS, en el que aprenderemos todo lo necesario para dominar HTML, CSS, CSS3, Maquetación web, Responsive, SASS, LESS, Flexbox, CSS Grid Layout y Bootstrap 4, las tecnologías de front-end orientadas al diseño web más importantes, con más demanda laboral y más proyección de futuro. Este no es un curso normal, estás ante un máster completo de decenas de horas de contenido único...
Doble borde con CSS
Hoy veremos como poner un doble borde con CSS a una caja utilizando la propiedad outline. Ejemplo: <!DOCTYPE html> <html> <head> <style> div { padding: 20px; height:80px; width: 180px; border: 3px solid green; outline: 5px solid black; } </style> </head> <body> <div>DOBLE BORDE CON CSS victorroblesweb.es</div> </body> </html> Resultado: Más información:...