Ejemplos de CSS y ejercicios resueltos

Ahora que conocemos el lenguaje de estilos CSS, es momento de aplicar todo lo aprendido; para ello veremos ejemplos aplicativos y además varios ejercicios y problemas con sus respectivas soluciones. Ejemplos de CSS Cada ejercicio será planteado o explicado según sea el caso al principio, se describirán las características que se desean obtener mediante CSS … Leer más

Propiedad Z-INDEX en CSS

Vamos a aprender a usar la propiedad Z-INDEX de CSS, una propiedad muy sencilla que puede llegar a complicarse y es muy poderosa, nos permite establecer el orden de apilamiento de un elemento posicionado, es decir ordenar elementos después de haber removido el flujo normal de una página, algo que es casi inevitable cuando trabajamos … Leer más

La propiedad overflow en CSS

Esta es la lección en la que conoceremos y aprenderemos a utilizar la propiedad overflow; una propiedad CSS muy importante para el control de contenido excedente de elementos y contenedores. Mediante un poco de teoría y varios ejemplos prácticos te ayudaré a entender qué es, para qué sirve y cómo es que funciona esta propiedad. … Leer más

Posicionamiento en CSS

Ahora aprenderás a cómo posicionar un elemento con CSS, en adelante podremos controlar el lugar en la que queremos que aparezca un elemento en la pantalla del usuario, tanto si queremos que el elemento tenga posición fija, estática, relativa o absoluta, etc. Esta lección nos ayudará a comprender la forma en la que se posicionan … Leer más

Propiedad display y visivility en CSS

Nos toca en esta lección aprender a manejar la propiedad display y visivility de CSS, dos propiedades interesantes que nos permitirán controlar, la forma en la que se muestra los elementos. Recordemos que en HTML existen elementos de línea y de bloque, ahora podemos cambiar estéticamente gracias a display, mientras que con visivility podremos controlar … Leer más

Estilos para enlaces CSS

Los enlaces se pueden convertir en hermosos elementos gracias a las propiedades CSS, y en esta lección aprenderemos a controlar y personalizar la apariencia de enlaces, además será la perfecta ocasión para conocer los tipos de enlaces existen y cómo trabajarlos. Dando estilo a enlaces con CSS Podemos dar estilo a un enlace empleando las … Leer más

Estilos CSS para tablas

En esta lección aprenderás a poner estilos a tablas HTML con CSS, conocerás las propiedades y sus valores para controlar la apariencia de las tablas hechas con HTML; crearemos varios ejemplos aplicativos, para que de esta manera puedas entender perfectamente. Diseño de tablas en HTML y CSS Recordemos que las tablas están compuestas por filas … Leer más

Estilo para listas en CSS

Ahora nos toca aprender a colocar estilos a las listas con CSS, en especial nos enfocaremos en el estilo de la viñeta o marcador de los elementos de la lista. En Listas de HTML ya habíamos aplicado de forma básica los estilos para listas, pues ahora adentrémonos en la forma de trabajar pero con CSS. … Leer más

La propiedad Background color e imagen de fondo en CSS

Es momento de aprender a controlar el fondo de los elementos HTML mediante CSS, el fantástico lenguaje de estilo que venimos aprendiendo. CSS nos permite poner color al fondo de los bloques de contenido, además de colores, también podemos colocar imágenes de fondo, la misma que puede ser ajustada mediante propiedades y atributos. La propiedad … Leer más