html页面设置css,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;

}