Logotipo horizontal de Diego C Martín colores invertidos, blanco y naranja para findo negro

Categoría: CSS


diseño web CSS
img-2 Diseño web responsive o adaptable

Introducción al diseño web responsive El Responsive Web Design o diseño web reactivo consiste a hacer que nuestros sitios web se visualicen correctamente en cualquier tamaño y tipo de pantalla. Según Aaron Gustafson, no es lo mismo que diseño adaptable, que persigue que los sitios web se adapten al navegador o sistema operativo. Si hablamos […]

Read More
Ejemplos CSS con Flex y Grid

Ejemplo para experimentar con flexbox:Ejercicio comentado de barra de navegaciónEjercicio comentado con varias seccionesEjercicio de tablas de preciosMaquetación tipo App para móviles Aquí puedes encontrar una colección de ejemplos de Grid. Aquí una compartiva de uso de flex y grid. Y aquí juegos para practicar: cssgridgarden.com flexboxfroggy.com

Read More
img-3 Estilar elementos HTML específicos con CSS3 con ejemplos

En otros capítulos hemos visto el uso de selectores y otras cuestiones de CSS, no quiere decir esto que eso fuera CSS2 y ahora pasemos a CSS3. La versión 3 es una evolución que simplemente aporta nuevos elementos a los que ya había y quizá elimina otros que quedan obsoletos según las nuevas formas de […]

Read More
img-4 Modelo de cajas y posicionamiento CSS

El modelo de cajas Los elementos de un documento HTML son considerados como una caja rectangular invisible al usuario y en la que se pueden aplicar ciertas propiedades para ubicar los elementos respecto a otros. margin: margen exterior, que separa la caja del elemento de las demás. si escribimos margin:5px; establecemos un margen de 5 […]

Read More
img-5 Uso de Selectores y Herencia en CSS

Este es un capítulo un poco farragoso sobre el uso de CSS. Conviene darle una primera lectura para saber lo que hay, ir practicándolo poco a poco y tenerlo como referencia conforme avances. Encontrarás ejemplos en capítulos sucesivos, ya que el uso de los selectores es esencial. Uso de selectores CSS Hasta ahora hemos visto […]

Read More
crossmenu
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram