html页面制作css基本设置

 

html{
height: 100%;
}

*{
margin: 0;
padding: 0;
}
/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section {
display:block;
}

body {
font: normal .85em arial, sans-serif;
background: #222 url(../images/pattern.png);
color: #BBB;
padding-bottom: 40px;
}

p {
padding: 0 0 20px 0;
line-height: 1.5em;
}

img {
border: 0;
}

h1, h2, h3, h4, h5, h6 {
font: normal 200% 'News Cycle', arial, sans-serif;
color: #FFF;
margin: 0 0 15px 0;
padding: 15px 0 5px 0;
}

h2 {
font: normal 170% 'News Cycle', arial, sans-serif;
color: #BBB;
margin: 0;
padding: 0 0 8px 0;
}

h3 {
font: normal 125% 'trebuchet ms', arial, sans-serif;
}

h4, h5, h6 {
margin: 0;
padding: 0 0 5px 0;
font: normal 110% arial, sans-serif;
color: #BBB;
line-height: 1.5em;
}

h5, h6 {
font: italic 95% arial, sans-serif;
color: #888;
padding-bottom: 15px;
}

h6 {
color: #362C20;
}

a, a:hover {
outline: none;
text-decoration: none;
color: #38B9E8;
}

a:hover {
text-decoration: underline;
color: #38B9E8;
}