Reset CSS

Reset CSS

Reset CSS

Los Reset CSS son unas hojas de estilo en cascada que se suelen incluir al comienzo de un documento HTML, y cuya función es la de minimizar, en la medida de lo posible, las múltiples diferencias visuales que se dan a la hora de mostrar una misma página web, en diferentes navegadores, causa de que cada navegador implementa su hoja de estilos propia e interna, con determinados valores por defecto, que no siempre siguen la recomendación de la organización W3C.

El consorcio W3C, junto con su especificación de CSS 2.1[1] del 23 de abril de 2009, publicó en su recomendación, un valor por defecto para cada propiedad de CSS que deberían adoptar los agentes de usuario. Debido a que algunos navegadores hicieron caso omiso a sus indicaciones, los diseñadores web se han visto obligados a recurrir al uso de este tipo de trucos para garantizar la correcta visualización en la mayoría de navegadores.

Contenido

¿En qué consiste?

Los Reset CSS contienen en su código fuente, definiciones para propiedades problemáticas que los diseñadores necesitan unificar desde un principio.

Por ejemplo, la mayoría de navegadores establece un margen por defecto entre el contenido de la página web y su propia ventana, cuyo valor varía de un navegador a otro. Los diseñadores web para subsanar esa diferencia, suelen declarar la siguiente línea al comienzo de sus hojas de estilo:

* { margin: 0; padding: 0; }

Esa única línea indica, y con el selector universal de CSS representado por un asterisco, que todos los elementos contenidos en el HTML al que se aplique, carecerán de márgenes. De esa manera, el diseñador se verá obligado a declarar después los márgenes necesarios en el diseño de su página web, en cada uno de los lugares donde sea necesario, sin tener que dejar ese aspecto a decisión de ningún navegador, y minimizando por tanto, las diferencias visuales entre los mismos.

Los Reset CSS pueden contener esa y otras muchas líneas de código que, en su conjunto, servirán al diseñador web para unificar su visualización entre navegadores.

Algunos Reset CSS famosos

El primer Reset CSS que cogió fama fue el publicado por Yahoo! UI Library, pero no fue un poco más tarde, hasta que Eric Meyer considerado un Gurú de las CSS, hizo su popular versión, cuando el término cogió una verdadera popularidad, entre gran cantidad de diseñadores web de todo el mundo, y el artículo donde Meyer publicó su propuesta fue enlazado por infinidad de Blogs.

Véase también

Referencias

Enlaces externos

Obtenido de "Reset CSS"

Wikimedia foundation. 2010.

Игры ⚽ Поможем написать реферат

Mira otros diccionarios:

  • CSS-фреймворк — CSS Framework  фреймворк, созданный для упрощения работы верстальщика, быстроты разработки и исключения максимально возможного числа ошибок вёрстки (проблемы совместимости различных версий браузеров и т. д.). Как и библиотеки… …   Википедия

  • Reset-Stylesheet — Ein Reset Stylesheet (oder auch: CSS Reset) ist eine Sammlung von Stylesheet Definitionen, die Formatierungen für HTML Elemente vereinheitlichen oder zurücksetzen. Inhaltsverzeichnis 1 Definition 2 Problematik 3 Das Zurücksetzen der Stylesheet… …   Deutsch Wikipedia

  • List of CSS frameworks — A list of CSS frameworks.Client side* [http://960.gs/ 960 Grid System] * [http://www.blueprintcss.org/ Blueprint] (for [http://ariejan.net/2007/08/27/blueprintcss rails generator/ Rails] ) * [http://code.google.com/p/css boilerplate/ Boilerplate] …   Wikipedia

  • Blueprint (CSS framework) — Blueprint is a framework designed to cut down development time when working with Cascading Style Sheets. Features Blueprint s README file lists the following features as being provided out of the box:* An easily customizable grid * Sensible… …   Wikipedia

  • 960 Grid System — Autor Nathan Smith http://960.gs/ Información general Género Framewor …   Wikipedia Español

  • Yahoo! UI Library — Infobox Software name = Yahoo! UI Library (YUI) developer = Yahoo! latest release version = 2.6.0 latest release date = release date|2008|10|01 operating system = Cross platform (JavaScript) programming language = JavaScript genre = JavaScript… …   Wikipedia

  • Yui — Yahoo! UI Library Тип библиотека Разработчик Yahoo! Написана на ОС Кроссплатформенное ПО Версия 2.6.0 1 октября …   Википедия

  • Yahoo! UI Library — У этого термина существуют и другие значения, см. YUI. Yahoo! UI Library Тип JavaScript библиотека Разработчик Yahoo! Написана на JavaScript …   Википедия

  • Comparison of layout engines (Cascading Style Sheets) — Cascading Style Sheets CSS Animations Dynamic CSS Comparison of layout engines Comparison of stylesheet languages Internet Explorer box model bug CSS Zen Garden The Zen of CSS Design CSSTidy Style sheet Tableless web design Holy Grail (web… …   Wikipedia

  • HTML element — This article is about the HTML elements in general. For information on how to format Wikipedia entries, see Help:Wiki markup and Help:HTML in wikitext HTML HTML and HTML5 Dynamic HTML XHTML XHTML Mobile Profile and C HTML Canvas element Character …   Wikipedia

Compartir el artículo y extractos

Link directo
Do a right-click on the link above
and select “Copy Link”