Home

CSS: Resetear los atributos para no desestructurar tu página

A todos los webmasters nos sucede qué cuando desarrollamos un sitio, tenemos el dificil desafio de dejar a nuestro sitio qué se vea más o menos parejo en todos los principales navegadores que ya los elementos de CSS vienen con valores predeterminados y así hacen desestructurar a la página en tratamiento de una forma y otra. Para qué pase a nuestro control, nada más tenemos que resetear todos los atributos al minimo valor con el siguiente codigo al principio de tu hoja CSS. Es muy aconsejable hacerlo, para ahorrarte un gran dolor de cabeza.

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

Quizas te pueda interesar

Deja tu comentario...

Anterior y proxima

« Polémica: Pluginmeter, tus plugins al descubierto!
¿Como se dibuja un icono? »