CSS Reseter

18/Oct/2007 1589

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. coub.com [#]

    It is actually a great and useful piece of information. I’m satisfied that you simply shared this helpful info with us.
    Please stay us up to date like this. Thank you for sharing.
    scoliosis surgery https://coub.com/stories/962966-scoliosis-surgery scoliosis surgery

  2. http://www.iherb.com [#]

    Thanks for finally talking about > CSS Reseter | CSSLab | Laboratorio de ideas web < Liked it! quest bars https://www.iherb.com/search?kw=quest%20bars quest bars

  3. Kiablabs [#]

    canadian generic sildenafil

  4. soolantra 6 mg [#]

    stromectol for pharyngitis

    somebody adaptive immunity reduce

  5. Robertununc [#]

    квартиры в пензе на сутки
    квартиры на сутки в коломне
    квартиры в киселевске на сутки

    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки

    квартиры на сутки

    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки

  6. Robertununc [#]

    квартиры на сутки в зеленограде
    квартиры на сутки чебоксары
    съемные квартиры в питере на сутки

    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки

    квартиры на сутки

    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки
    квартиры на сутки

  7. Котлы [#]

    котел на дровах

    Твердотопливные — традиционные агрегаты, могут корпеть на угле, дровах, пеллетах. В деревнях с минимальным наличием инженерных коммуникаций рекомендуется котел
    котел на дровах

  8. ivermectin over the counter canada [#]

    ivermectin generic name stromectol liquid

  9. where to buy hydroxychloroquine over the counter [#]

    Hi there would you mind stating which blog platform you’re using?
    I’m going to start my own blog in the near future but I’m having a hard time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design and style seems different then most blogs and
    I’m looking for something unique. P.S My apologies for being off-topic
    but I had to ask! https://hhydroxychloroquine.com/

  10. escort [#]

    escort

  11. istanbul escort [#]

    istanbul escort

  12. istanbul escort [#]

    istanbul escort

  13. istanbul escort [#]

    istanbul escort

  14. Стойки [#]

    стойка для одежды

    Интернет-магазин предлагает большущий каталог держателей, вешалок и стоек для одежды по самой лучшей цене в Интернете. Определенный образ товара представлен в широком ассортименте, следовательно Вы свободно выберете отличную форма чтобы дома, квартиры или офиса: напольные (стоячие); настенные и пристенные; в прихожую (коридор); для колесиках (передвижные, мобильные); выдвижные, складные и гардеробные; пластиковые, деревянные и кованные. У нас Вы найдете самые популярные модели складных вешалок-стоек и другие формы держателей ради верхней одежды….
    стойка для одежды

  15. is albuterol a generic drug [#]

    Howdy! I know this is kinda off topic but I was wondering
    which blog platform are you using for this site? I’m getting sick and tired
    of WordPress because I’ve had problems with hackers and
    I’m looking at alternatives for another platform.

    I would be fantastic if you could point me in the direction of a good platform. http://herreramedical.org/albuterol

  16. Kathryn Oelfke [#]

    It’s the best time to make a few plans for the future and
    it is time to be happy. I have read this put up and if I
    may just I want to suggest you some interesting issues or
    tips. Maybe you could write next articles relating to this article.
    I want to read more issues approximately it!

  17. Dominic Torres [#]

    lopressor cycrin zyvox

  18. Grant Mccrary [#]

    I have been surfing online more than 2 hours today, yet
    I never found any interesting article like yours. It is pretty worth enough for me.
    Personally, if all website owners and bloggers
    made good content as you did, the internet will be a lot more useful than ever before.

  19. Принтеры [#]

    заправка картриджей харьков

    Чтобы заправки используются чернила немецкой фирмы OCP, свойства которых максимально приближены к оригинальным чернилам. Точную стоимость заправки картриджей струйного типа дозволено узнать, возьмем, здесь:
    ценность заправки струйных картриджей HP
    цена заправки струйных картриджей Canon
    тариф заправки струйных картриджей Fellow-man
    заправка картриджей харьков

  20. James French [#]

    exelon albenza luvox

  21. rglpiianz [#]

    RkCfC7 brixijfdekjx, [url=http://lsyhguzjuyde.com/]lsyhguzjuyde[/url], [link=http://uvgazhqjtuyt.com/]uvgazhqjtuyt[/link], http://zbqpdtcgzwwl.com/

  22. ivermectin pulled from shelves [#]

    ivermectin 1% solution

    claim suppository competition

  23. instagram takipçi satın al [#]

    Hello, i believe that i saw you visited my weblog so i got
    here to go back the prefer?.I’m trying to to find issues to improve my
    website!I assume its adequate to use some of your ideas!!

  24. Booblabs [#]

    sildenafil in usa

  25. Anthonyliz [#]

    how does sildenafil work what does viagra do viagra action compare viagra prices uk tadalafil 20mg india costco drug prices without insurance viagra costs without insurance

  26. ivermectin dosage [#]

    cheap stromectol over the counter

    time carotid artery disease represent

  27. Wimblabs [#]

    viagra usa price

  28. Ucuz takipçi [#]

    takipçi satın al işlemlerinizi sitemiz üzerinden istediğiniz zaman güvenilir şekilde yapabilirsiniz.

  29. RodolfoSwece [#]

    generic viagra 50mg walmart men package pics cost of cialis or viagra where to buy sildenafil over the counter ed trial pack free shipping generic viagra pill identification

  30. RodolfoSwece [#]

    dr oz recommends rock hard granuflo settlements paid viagra usa diazepam 10 mg how to talk to cortana windows 10 philippine drug price list

  31. en iyi leke kremi [#]

    Very good article. I certainly love this website. Keep writing!

  32. takipçi hilesi [#]

    I’ve been surfing online more than 3 hours today, yet I never found any interesting article like yours.
    It is pretty worth enough for me. Personally, if all web owners and bloggers made good content as you did, the net will be much more useful than ever before.

  33. instagram beğeni hilesi [#]

    It’s hard to find well-informed people on this topic,
    but you sound like you know what you’re talking about!
    Thanks

  34. Francishob [#]

    cheap prices levitra
    cheapest cialis usa
    viagra sale sydney
    cheapest cialis world
    buy viagra jelly online

    order brand name viagra online cialis canada buy
    buy cialis melbourne buy viagra online genuine
    cheap generic cialis canada buy viagra nigeria
    cialis discount australia
    buy cialis in europe
    where to purchase cialis cheap
    can you buy cialis mexico
    order cheap online levitra

  35. red [#]

    xarelto and ibuprofen Going at

  36. FritzPeerb [#]

    best generic pharmaceutical companies us viagra without a doctor prescription walmart 4 dollar list cialis mexico allegra samples for physicians pink wool coat

CSSLab