StyleSheet for new websites

April 13, 2007

I found this post by Eric to be very helpful and I plan to use his suggestions when creating my next web application. This helps you resent all the styles to a preset so that your site looks the same on all browsers. Remember to read the comments for more useful suggestions. If you are too lazy to click the link here is his posted style sheet as of 04/12/2007

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,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
    text-align: left;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ol,ul {
    list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
    content: "";
}

Posted in CSS, Web Design, Web Dev