CSS avanzado
Capítulo 5. Frameworks
▪ Yahoo! sirve todos sus archivos comprimidos mediante el servidor web y con la información precisa para que el navegador los almacene en su cache local. La compresión reduce el tamaño de los archivos CSS hasta un 60% y el control de la cache evita que el usuario tenga que descargar repetidamente el mismo archivo. ▪ Los servidores de Yahoo! son infinitamente más potentes y fiables que cualquier servidor web propio. Además, la velocidad de transmisión de los archivos también es infinitamente más rápida que la conseguida con cualquier conexión de red propia. ▪ El servicio es completamente gratuito y permite enlazar cualquier versión actual o pasada de la librería YUI.
5.3. Inicializando estilos con el framework YUI El primer componente CSS de YUI es reset.css, una hoja de estilos utilizada para neutralizar los estilos que aplican por defecto los navegadores a todos los elementos HTML. A continuación se muestra el contenido completo de reset.css:
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquo table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} /* to preserve line-height and selector appearance */ sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*to enable resizing for IE*/ input,textarea,select{*font-size:100%;} /*because legend doesn't inherit in IE */ legend{color:#000;}
Al contrario que las hojas de estilo de tipo reset de otras librerías y frameworks, el archivo reset.css solamente neutraliza los estilos que aplica por defecto el navegador. El cambio más evidente que provoca el reset.css de YUI es que el texto de todos los elementos se muestra con el mismo aspecto. No importa si se trata de un párrafo <p>, una etiqueta <strong> o un título de sección <h1>, ya que el reset.css anterior hace que todos se vean igual. Por tanto, las páginas a las que sólo se aplica la hoja de estilos reset.css no están preparadas para mostrarlas a los usuarios.
www.librosweb.es
115