Veteasabertu

Etiqueta: propiedades css

Porcentajes no funcionan para animar la propiedad height en CSS

6 de Abril 2016
Los porcentajes no funcionan para animar la propiedad height en CSS

Desde hace algún tiempo ya intento usar CSS3 para hacer animaciones sencillas en lugar de JavaScript  y así aligerar la carga de la web. Pero unos meses atrás me topé con algo curioso cuando intentaba animar el alto de un DIV, algo que estoy seguro que le habrá pasado a más gente.

Lo que trataba de hacer era algo bastante sencillo; usando un evento rollover quería que una capa que contenía una lista pasara de medir 0px a que se ajustara al alto del contenido interior y así, aplicando overflow: hidden conseguir un efecto fluido para mostrar el contenido. Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas: ,

Propiedad unicode-bidi de CSS

30 de Noviembre 2013
Propiedad unicode-bidi de CSS

Los que trabajamos con hojas de estilos normalmente estamos acostumbrados a tratar con casi todas las propiedades de CSS, sin embargo existen unas cuantas que son las grandes desconocidas y aquí nos gusta darles su minuto de fama. Así que en este artículo, vamos a intentar explicar de la manera más clara posible para qué sirve y cómo se usa la propiedad unicode-bidi, que viene implementada desde CSS2.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas: ,

Centrar página web horizontalmente con HTML y CSS

26 de Abril 2013
Centrar página web horizontalmente con HTML y CSS

Una de las primeras cosas que se aprenden cuando se entra en el mundo del desarrollo web es centrar la página horizontalmente para que, con independencia de la resolución de pantalla con la que entres, siempre quede en medio. Para ello existen varias formas, unas más recomendables que otras dependiendo del proyecto que tengamos entre manos. Vamos a ver tres ejemplos, dos con HTML y otro con CSS.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS, HTML

Etiquetas:

Propiedad direction de CSS

23 de Diciembre 2012
Propiedad direction de CSS

La propiedad direction en CSS se utiliza para definir la dirección de un texto, una propiedad de vital importancia si vamos a trabajar con diferentes lenguas. La mayoría de los lenguajes se escriben de izquierda a derecha, sin embargo, existen multitud de idiomas cuya escritura se hace a la inversa (como el árabe). Para estos casos es bueno poder decirle al navegador la orientación del texto que se va a mostrar.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas:

Propiedad azimuth de CSS

3 de Octubre 2012
Propiedad azimuth de CSS

En este post vamos a intentar explicar de la mejor manera posible para qué sirve y cómo usar la poco conocida propiedad azimuth en CSS. Para entender su función, hay que decir que se trata de una propiedad que pertenece a la categoría de hojas de estilo auditivas. Es decir, no es una propiedad que vaya dirigida a modificar la apariencia visual de una web, sino que está enfocada a la ‘maquetación auditiva’, por así decirlo, de un portal.

Existen múltiples ocasiones en las que una web es interpretada por aplicaciones que leen el portal y lo reproducen como audio. El ejemplo más claro está en los navegadores que usan las personas con deficiencias visuales, interpretan la web como texto para que se pueda escuchar la información.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas:

Propiedades max-width, max-height, min-width y min-height de CSS

13 de Abril 2012
Propiedades max-width, max-height, min-width y min-height de CSS

Hoy vamos a volver a ver un poquito de hojas de estilo, que siempre viene bien. Queremos aclarar el uso de una serie de propiedades que pueden ser de gran utilidad a la hora de desarrollar un site, sobre todo si lo vamos a programar para que cargue contenido dinámicamente.

Las propiedades que vamos a ver son max-height, min-height, max-width y min-width, que corresponden a las especificaciones de CSS2 de la W3C. Se tratan de propiedades para controlar el tamaño máximo y mínimo que puede adoptar un elemento.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas:

Diferencia entre display: none y visibility: hidden en CSS

2 de Diciembre 2011
Diferencia entre display: none y visibility: hidden en CSS

El otro día en nuestra batalla diaria por la comprensión del concepto ‘en esas horas no da tiempo a hacerlo’, nos topamos con una duda, que si bien no es nada del otro mundo, no nos había asaltado hasta ahora.

Se trata de la pregunta ¿qué diferencia hay entre display:none y visibility: hidden en CSS?. Seguro que hemos sembrado la duda en más de uno, pero os preocupéis, que nuestra intención es aclararlo y así contribuir a la evolución de la especie humana (nos marcamos objetivos sencillos). Vamos al grano.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas:

Propiedad z-index, profundidad de capas en CSS

13 de Julio 2011

Propiedad z-index en css

Hoy vamos a aclarar para que se usa la etiqueta z-index de CSS al hacer una web, ya que si la dominamos puede ser de gran utilidad a la hora de realizar estructuras complejas.

Esta etiqueta se usa en CSS para darle profundidad a las capas HTML de una web (como se trabaja por ejemplo con photoshop). De modo que podemos superponer unos div encima de otros a nuestro antojo.
Leer más ►

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas:

Este sitio web utiliza cookies para mejorar la experiencia de usuario, si continúas navegando estás dando tu consentimiento. Para más información pincha aquí.

ACEPTAR
Aviso de cookies