CSS Reseter

18/Oct/2007 1294

Este reseter ha sido actualizado, visita la nueva versión.

Tercer artículo influenciado directamente del videocast. En esta ocasión, les presento una hoja de estilos que utilizo para proyectos de gran envergadura (cuando con más de 40 páginas y no son alimentadas a mano, sino mediante un CMS). Se trata de un CSS Reseter, una serie de propiedades CSS que resetean las propiedades a su estado original. Conocido por todos es que por defecto los browsers tienen algunas diferencias de estilos en ciertas etiquetas HTML, principalmente <body>, <iframe>, <h1>, <h2>…., <p>, <blockquote>, <fieldset>, <label>, <legend>, etc.

Influencia directa de 3 fuentes: Yahoo UI Reset CSS, Eric Meyer’s Reworked Reset y mi experiencia personal para ir adaptándola a mis necesidades.

Esta hoja de estilos no es para nada de corta, por lo que comentar cada estilo sería eterno. Me gustaría sí mencionar elementos importantes a considerar:

:focus {
     outline: 0;
}

Esto ya lo había mencionado en el artículo El contorno de la discordia.

a img, iframe {
     border: none;
}

Las imágenes linkeadas en algunos browsers suelen tener el borde heredado de la propiedad del link. Aquí, lo anulamos definitivamente.

input, textarea, select, button {
     font-size: 100%;
     font-family: inherit;
}

Esta hoja se hizo esencial para diagramar formularios, donde la diferencia de estilos entre browsers es crítico. Ahora, se hizo bastante más fácil adaptarlos a todos. En este caso, vemos que obligamos que <input> y <textarea> hereden el font-family.

.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

Finalmente, algo como clearfix que se ha hecho esencial, creo que es el lugar perfecto para dejarlo declarado.

Bajar hoja de estilo (.zip)

Comentarios

  1. Larrynat [#]

    buying amoxicillin in mexico buy amoxicillin – buy amoxicillin online uk

  2. Michael Waters [#]

    It’s appropriate time to make some plans for the longer term and it’s time to be happy.
    I’ve learn this put up and if I could I wish to suggest you some fascinating issues or tips.
    Maybe you can write subsequent articles regarding this article.
    I want to learn more things approximately it!

  3. Amy Hunt [#]

    cialis overnight pharmacy free cialis define cialis

  4. Harold Ross [#]

    cialis manufacturer coupon cialis dapoxetine australia cheapest cialis review

  5. Cecil Anderson [#]

    Great post. I was checking constantly this blog and I’m inspired!
    Extremely useful information particularly the closing section 🙂 I take care of such info much.
    I used to be seeking this certain info for a very long time.
    Thank you and good luck.

  6. Karen Ledford [#]

    sildenafil from india sildenafil 500 mg sildenafil 20

  7. Larrynat [#]

    buy doxycycline 100mg buy doxycycline online – order doxycycline

  8. Wgbxlu [#]

    buy real cialis online canada – cialis india cheap discount canadian pharmacy cialis

  9. Mary Roseboro [#]

    It’s very trouble-free to find out any matter on net
    as compared to books, as I found this article at this website.

  10. Sidney Rotterman [#]

    amlodipine and simvastatin amlodipine benazepril norvasc generic

  11. Paula Miller [#]

    tadalafil capsule tadalafil citrate powder interactions for cialis

  12. Dditqf [#]

    cialis pills online canada – cialis online paypal cialis prescription australia

  13. acyclovir without doctor prescription [#]

    Wow! In the end I got a website from where I can genuinely obtain valuable
    data concerning my study and knowledge. https://www.herpessymptomsinmen.org/productacyclovir/

  14. Larrynat [#]

    buy doxycycline without prescription uk buy doxycycline online without prescription – doxycycline 100mg capsules

  15. dosage for ivermectin [#]

    Hi, of course this post is really good and I have learned lot of things from it about
    blogging. thanks. http://herreramedical.org/ivermectin

  16. Jennie Abbott [#]

    Ahaa, its pleasant discussion regarding this piece of writing here at this web site,
    I have read all that, so now me also commenting
    at this place.

  17. gabapentin for dogs [#]

    gabapentin for dogs

    gabapentin for dogs

  18. Jonathan Bacon [#]

    Hi there, i read your blog occasionally and i own a similar one and
    i was just wondering if you get a lot of spam feedback? If so how
    do you protect against it, any plugin or anything you can advise?

    I get so much lately it’s driving me mad so any assistance is very much appreciated.

  19. Elizabeth Christopher [#]

    viagra meme sildenafil prices price of viagra

  20. Carol Higby [#]

    I will right away snatch your rss feed as I can’t
    to find your e-mail subscription hyperlink or e-newsletter
    service. Do you’ve any? Kindly permit me recognise so that I may subscribe.
    Thanks.

  21. Harold Dajani [#]

    Link exchange is nothing else but it is only placing the other person’s website link on your page at suitable
    place and other person will also do same for you.

  22. Larrynat [#]

    neurontin 300mg capsule buy neurontin online – neurontin 100mg cap

  23. Dawn Fernandez [#]

    metoprolol side effects metoprolol metoprolol succ er

  24. Edwin Vazquez [#]

    losartan hctz recall losartan potassium 100mg losartan dosage

  25. Lksthk [#]

    prices for prednisone – 20 mg prednisone daily buy cheap prednisone online

  26. Julia Blevins [#]

    I am sure this paragraph has touched all the internet visitors,
    its really really nice post on building up new web site.

  27. Jeremiah Hendershot [#]

    cialis half life cialis 20mg prices cialis expensive

  28. malaria drug for coronavirus india [#]

    Very good information. Lucky me I recently found your blog by accident (stumbleupon).
    I have bookmarked it for later! https://hydroxychloroquinee.com/

  29. Hattie Ragin [#]

    duloxetine hcl generic for cymbalta cymbalta 30 mg

  30. Larrynat [#]

    doxycycline vibramycin buy doxycycline 100mg – doxylin

  31. atorvastatin brand name [#]

    atorvastatin brand name

    atorvastatin brand name

  32. Ukmwlv [#]

    where can i buy prednisone – order prednisone on line prednisone medicine

  33. Mary Scott [#]

    viagra free sample viagra 100 mg viagra by mail

  34. Joanne Mcmahon [#]

    Why users still make use of to read news papers when in this technological world
    the whole thing is existing on net?

  35. Richard Coleman [#]

    I just could not depart your website before suggesting that I
    really enjoyed the standard information an individual supply for your visitors?

    Is going to be again often in order to investigate cross-check new posts

  36. Bryan Yara [#]

    losartan potassium hydrochlorothiazide water pill hydrochlorothiazide hydrochlorothiazide side effects

  37. Larrynat [#]

    buy chloroquine phosphate canada generic aralen – buy aralen

  38. Timothy Fransisco [#]

    metformin dosage guide what is metformin metformin

  39. metoprolol succinate precautions [#]

    metoprolol succinate precautions

    metoprolol succinate precautions

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CSSLab