Resetear CSS (Hojas de Estilos)
Cuando empece a desarrollar sitios para la Red de redes, lo primero que pense es ¿por donde empiezo?, tenia una formación en análisis de sistemas, modelado y programación, pero nada para la Web. Esto me llevo a investigar y me quedo claro que era, Primero diseñar, luego maquetar (con CSS y Javascript) y luego la programacion con el lenguaje de servidor de turno. Y así lo hice, empecé con el diseño, una vez terminado pase a la maquetación con hojas de estilo y es acá donde empezaron mis primeros problemas, y lo que nadie me dijo o por lo menos no encontré, en los tutoriales que leí, era que primero debía formatear o resetear el CSS para comenzar, por tal motivo comparto con ustedes y sobre todo para los que recién comienzan en el mundillo del CSS, el format que habitualmente uso. Los hay mucho por Internet, algunos con menos o mas lineas. Este es el mio:
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, center, u, b, i
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal;
font-size: 100%; font-family: inherit; vertical-align: baseline}
body {line-height: 1}
*:focus {outline: 0}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0; padding: 0}
hr {margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px}
Espero el codigo les sea de utilidad. Si tienen alguno diferente a este compartanlo. Saludos.
También te puede Interesar
¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscribes a mi feed y obtienes artículos como este enviados a tu lector de feeds.
No habia visto esto en ningun lado, me parece muy bueno, va a ser un codigo que me uqede para todas las webs, por cierto estoy viendo tu web, y me ha enganchado , tienes codigos muy utiles y tocas temas muy buenos, el articulo de hacer noticias de un xml me parece genial tambien lo voy a usar! sigue asi!