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;
}