Anunciese Aquí

Registro automático

Acceder con Twitter

top articulo
twitter
facebook
Rss
sábado 24 de febrero del 2024
Lea, publique artículos gratis, y comparta su conocimiento
Usuario Clave ¿Olvidó su clave?
¿Iniciar sesión automáticamente en cada visita?
Inserte su correo electronico

La Declaración !important en CSS, parte 2

veces visto 8107 Veces vista   comentario 0 Comentarios

Las hojas de estilo en cascada (CSS por su nombre en inglés, Cascading Style Sheets ) deben su denominación a la forma en que actúan sobre los atributos de una página web. Los archivos CSS contienen un lenguaje que modifica la apariencia y el formato de los elementos descritos en la definición del sitio. Vale decir que alteran el aspecto de los objetos definidos en archivos HTML, XHTML y otros utilizados para similares efectos. Pero esta influencia sobre el aspecto de texto, los elementos gráficos y otros, tiene un orden.  “En cascada” significa que si una declaración CSS modifica a una anterior, la válida es la última que el navegador encuentre. Sin embargo, en ciertas ocasiones es necesario establecer excepciones. Para esto es útil la declaración !important.

Conceptos Adicionales sobre Autor y Usuario

El autor de la página (el diseñador web), establece los estilos que corresponden al sitio. Estos estilos tienen prioridad sobre los definidos por el usuario. El usuario puede determinar estilos dentro del navegador. Cada navegador utiliza un archivo específico para alojar el CSS del usuario (que tiene prioridad sobre los estilos por defecto del navegador). En el caso de Firefox, por ejemplo, el archivo es userContent.css. Aunque el usuario utilice esta posibilidad, al cargar una página, el CSS de la misma (el estilo del diseñador) toma la prioridad absoluta. Sin embargo, si el usuario utiliza la cláusula !important, produce un cambio de prioridad que favorece su declaración.

Un ejemplo:

Supongamos que el usuario carga una página, pero previamente define el siguiente estilo dentro del archivo del navegador:

body{font-size: 12pt !important;             font-family: "Times New Roman", Georgia, Serif; }

En este caso, aun cuando el autor de la página haya definido otra cosa, el cuerpo de su sitio web llevará un tipo de letra de 12 puntos.

Cuándo y Cómo Utilizar !important

Lo ideal es simplificar la utilización del código CSS, que de por sí puede llegar a ser bastante complejo cuando se utilizan plantillas web o declaraciones generales que luego se superponen con otras más particulares. Por lo tanto, la declaración !important, que en principio sirve para modificar la secuencia natural de los estilos en cascada, debe utilizarse con precaución y sólo cuando es estrictamente necesario. En la práctica, es posible (y recomendable) programar una página web sin el uso de esta especial declaración. No obstante, existen situaciones en las cuales se desea preservar el tamaño de la letra establecida para los artículos en general, por ejemplo, o un color de fondo que asegure el contraste de tales artículos. En estos casos se utiliza !important para evitar que nuevas definiciones operen sobre los elementos de texto o gráficos que deseamos con unas características fijas.

Autor: Verónica Milán, directora de lawebera.es, un portal dedicado al diseño web y maquetación, dirigido al diseñador web y creativo.

Clasificación: 2.2 (17 votos)
Está prohibido copiar este artículo. Artículo.org no permite la sindicación de sus artículos.
Acerca del autor

Jhonatan Hoyos, Colombiano, profesion Ingeniero en Sistemas, actualmente trabajo en SEO/SEM. Soy Profesional en Posicionamiento Web -

¿Tiene comentarios o preguntas para el autor?
Artículos recomendados
Diseño Web para niños
Escrito por Zerep, Añadido: 01 de Mar, 2011
El diseño web para los niños es una experiencia fascinante, desafiante y gratificante, además de exasperante. Aquí se está tratando de crear una experiencia digital para personas que aún carecen de la capacidad cognitiva para entender la abstracción. En el diseño web para niños se tratando de establecer...
veces visto 2636 Veces vista:   comentarios 0 Comentarios
Pasos necesarios para ejecutar un programa en una computadora
Escrito por Carlos Pes, Añadido: 13 de Ene, 2011
Suponiendo que en el disco duro de un PC esté guardado un programa que sirva para realizar la suma de dos números enteros cualesquiera (por ejemplo, del 3 y el 5), si alguien quiere realizar una suma con dicho programa, deberá seguir, como mínimo, los siguientes cinco pasos: 1. Encender el ordenador....
veces visto 5874 Veces vista:   comentarios 0 Comentarios
Protesta de GOOGLE por acuerdo de APPLE con los programadores
Escrito por Leonel Morales, Añadido: 24 de Jun, 2010
Google dijo el miércoles 09/junio/2010 que los recientes cambios en el acuerdo entre su rival Apple y los desarrolladores de aplicaciones bloquearán las herramientas de publicidad de Google para el popular iPhone, creando barreras "artificiales" para la competencia Apple modificó la redacción del...
veces visto 1596 Veces vista:   comentarios 0 Comentarios
Introducción a PHP
Escrito por Hugo Gómez, Añadido: 22 de Abr, 2010
¿Qué es PHP? PHP significa “PHP: Hypertext Preprocessor”. PHP es un lenguaje de script del lado del servidor para crear páginas Web dinámicas. Crear scripts PHP para realizar un seguimiento de las actividades de los visitantes en el sitio, enviar correos electrónicos a los clientes, que los usuarios...
veces visto 3307 Veces vista:   comentarios 0 Comentarios
Pasos fundamentales para comenzar a programar
Escrito por Javi Pizarro , Añadido: 17 de Mar, 2011
Te voy a mostrar el error más común que comenten el 90% de las personas que deciden aprender a programar. Si tú eres capaz de evitar este error y enfocar tus energías a lo que te voy a proponer, vas a ser capaz de dar tus primeros pasos para programar y de ponerte en acción sin dudarlo y sin...
veces visto 2835 Veces vista:   comentarios 0 Comentarios