Setting up the style sheet

Now that we have told the HTML file where to find the stylesheet we have to set out our default styling. All elements have default settings which are set by the individual browser style sheets.

Everyone who uses CSS have their own method of setting CSS defaults. The following method is a recognised method created by Eric Meyer.

To override the defaults we set up our stylesheet with the following CSS code:
Click for CSS Code
Open or Close Box
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{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

/* remember to define focus styles! */
:focus{
outline:0;
}

body{
line-height:1;
color: black;
background:white;
}

ol, ul{
list-style:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table{
border-collapse:separate;
border-spacing:0;
}

caption, th, td{
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after{
content: "";
}

blockquote, q{
quotes: "" "";
}

Read more about setting or overriding UA default styling

Now that the initial values and sources have been configured we can go onto programming our project.

Website Design | Website Design Company | Web Development Get a beautiful website design. Studio Web is a results oriented web design & online marketing firm serving companies worldwide.

Sponsored Link