3-1
3-2
3-3

April 28, 2008 » 12:48 pm » Escrito por: admin » Filed under: Css, Diseño, Web

Pues, hace mucho tiempo, pero mucho, pero es que demasiado tiempo, vi en la Web de Anieto2k, un lindo codigo para resetear el Css de las web...

Este apreciado codigo, que me encanta, siempre lo uso para mis Web's, ya que realmente vale oro, pero siempre lo tengo que estar buscando cada vez que lo uso, si que me decidi actualizar mi blog y ponerlo en mi blog :D

Bueno, se preguntaran para que sirve y pues el nombre lo dice, lo resetean, osea hace que los navegadores lean el Css de la misma forma, me explico, los navegadores tiene valores predeterminados propios, entonces con este codigo se los reteamos y hacemos que lean el css de la misma forma o la mayoria por igual, asi evitando que se tenga la embarrada en la pagina con el bendito codigo css...

El codigo es el siguiente:

CSS:
  1. html, body, div, span, applet, object, iframe,
  2. h1, h2, h3, h4, h5, h6, p,
  3. blockquote, pre, a, abbr, acronym, address, big,
  4. cite, code, del, dfn, em, font, img,
  5. ins, kbd, q, s, samp, small, strike,
  6. strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
  7. fieldset, form, label, legend,
  8. table, caption, tbody, tfoot, thead, tr, th, td,
  9. center, u, b, i {
  10.      margin: 0;
  11.      padding: 0;
  12.      border: 0;
  13.      outline: 0;
  14.      font-weight: normal;
  15.      font-style: normal;
  16.      font-size: 100%;
  17.      font-family: inherit;
  18.      vertical-align: baseline
  19. }
  20.  
  21. body {
  22.      line-height: 1
  23. }
  24.  
  25. :focus {
  26.      outline: 0
  27. }
  28.  
  29. ol, ul {
  30.      list-style: none
  31. }
  32.  
  33. table {
  34.      border-collapse: collapse;
  35.      border-spacing: 0
  36. }
  37.  
  38. blockquote:before, blockquote:after, q:before, q:after {
  39.      content: ""
  40. }
  41.  
  42. blockquote, q {
  43.      quotes: "" ""
  44. }
  45.  
  46. input, textarea {
  47.      margin: 0;
  48.      padding: 0
  49. }
  50.  
  51. hr {
  52.      margin: 0;
  53.      padding: 0;
  54.      border: 0;
  55.      color: #000;
  56.      background-color: #000;
  57.      height: 1px
  58. }

Via: Anieto2k


  2 Respuestas!, Vamos bien! en “Reseteando Css”

  1. #1 » Daniel Opina:

    Por lo general uso el global reset de yahoo y:


    *{
    margin=0;
    padding=0;
    }

    Me han dado buenos resultados.-

  2. #2 » Daniel Opina:

    Aunque definitivamente este es más completo!..

    saludos.

  Trackbacks/Pings:





Dejar un Comentario.