Mar 21, 2008
1
CSS Frameworks II
Bueno, continuare hablando un poco más acerca de los CSS Frameworks, hablaré en un principio sobre Global Reset y por último mostraré un par de Frameworks CSS ya desarrollados.
Como hablaba en el post anterior, el Global Reset es necesario para para que nuestro sitio web luzca de alguna manera parecida en varios navegadores, ya que por defecto los navegadores vienen con valores diferentes para la margin, el padding, el line-height, etc. El Global Reset se asegura que en un principio tengamos las mismas reglas de juego para empezar a diseñar.
Personalmente me gusta usar el CSS Reset Reloaded de Eric Meyer:
CSS:
-
html, body, div, span, applet, object, iframe,
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-
a, abbr, acronym, address, big, cite, code,
-
del, dfn, em, font, img, ins, kbd, q, s, samp,
-
small, strike, strong, sub, sup, tt, var,
-
dl, dt, dd, ol, ul, li,
-
fieldset, form, label, legend,
-
table, caption, tbody, tfoot, thead, tr, th, td {
-
margin: 0;
-
padding: 0;
-
border: 0;
-
outline: 0;
-
font-weight: inherit;
-
font-style: inherit;
-
font-size: 100%;
-
font-family: inherit;
-
vertical-align: baseline;
-
}
-
/* remember to define focus styles! */
-
:focus {
-
outline: 0;
-
}
-
body {
-
line-height: 1;
-
color: black;
-
background: white;
-
}
-
ol, ul {
-
list-style: none;
-
}
-
/* tables still need 'cellspacing="0"' in the markup */
-
table {
-
border-collapse: separate;
-
border-spacing: 0;
-
}
-
caption, th, td {
-
text-align: left;
-
font-weight: normal;
-
}
-
blockquote:before, blockquote:after,
-
q:before, q:after {
-
content: "";
-
}
-
blockquote, q {
-
quotes: "" "";
-
}
Sin embargo existen muchos otros:
- Yahoo! UI Library: Reset CSS
- CSS Global Styles Reset by Kyle Neath
- CSS Global Reset by Christian Montoya
- CSS Global Reset by Mike Rundle
- Master Stylesheet
Loading ...
