W3C CSS 校验器结果： http://koehnline.com/koehnline01.css (CSS 版本 2.1)

恭喜恭喜

恭喜恭喜，此文档已经通过 CSS 版本 2.1 校验!

为了告诉你的访客你曾致力于建立交互性的网页 你可以显示这个图标在任意经过检验的网页上。这里是 你用作加入图标到你的网页上的HTML代码：

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
    </a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

如果你喜欢的话，你可以下载这个图象到你的网站目录下，并且 改变以上的代码段以关联到你的当地图象而不是这个服务器。

如果你愿意建立连接到此页 (例如，这个校验结果) 以便以后更加容易地再校验次页，或者容许其它人校验 你的网页，其 URI 是： 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fkoehnline.com%2Fkoehnline01.css&warning=1&profile=css21&usermedium=all
or
http://jigsaw.w3.org/css-validator/check/referer (仅使用于HTML文档)

(或者，你可以加入当前也到你的书签或列表中。)

↑ Top

你已经校验的层叠样式表：

@charset "utf-8";
body {
margin : 0;
font-weight : normal;
font-size : 14px;
text-align : left;
color : #454c5f;
font-variant : small-caps;
font-family : Lithograph, Lithos, LithosPro-Regular, Arial, Helvetica, sans-serif;
background-color : #b5c0c6;
}
* {
margin : 0;
padding : 0;
}
h1 {
font-size : 24px;
letter-spacing : 0.01em;
padding : 6px 0;
}
h2 {
font-size : 20px;
letter-spacing : 0.05em;
}
h3 {
font-size : 18px;
font-weight : bold;
padding : 2px 0;
margin : 0;
}
h4 {
font-size : 16px;
margin : 0;
padding-bottom : 0.5em;
}
p {
color : #110000;
padding : 2px 0 4px 0;
margin : 0 0 10px 0;
font-variant : normal;
font-family : Arial, Helvetica, sans-serif;
}
em {
font-style : italic;
}
strong, a {
text-decoration : none;
margin : 0;
padding : 0;
}
ul {
list-style : none;
}
#container {
position : relative;
margin : auto;
width : 1200px;
}
#masthead {
width : 100%;
margin : 0;
padding : 0;
}
#logo a img {
float : left;
border : none;
}
#pagetitle {
float : left;
width : 1050px;
height : 130px;
background : #fbf9eb;
padding : 60px 0 0 20px;
}
* html #pagetitle {
display : inline;
padding : 58px 0 0 20px;
}
#fontnote {
position : absolute;
top : 9px;
left : 760px;
width : 300px;
background-color : #b5c0c6;
}
#fontnote h2 {
color : #636c82;
text-align : center;
font-size : 17px;
padding : 4px;
}
#getfont {
background-color : #636c82;
}
#getfont a {
display : block;
font-size : 18px;
letter-spacing : 0.05em;
font-weight : bold;
color : #b5c0c6;
text-align : center;
margin : 0;
padding : 6px;
}
#getfont a:hover {
display : block;
background : #454c5f;
color : #fed5cf;
}
#getfont a:active {
display : block;
background : #110000;
color : #ffff80;
}
#navbar {
float : left;
width : 98%;
background-color : #636c82;
border : #b5c0c6 solid;
border-width : 3px 0;
}
* html #navbar {
display : inline;
}
#navbar ul {
list-style : none;
margin : 0 0 0 30px;
}
#navbar li {
float : left;
background : #636c82;
padding : 4px 0;
font-weight : bold;
font-variant : normal;
font-size : 13px;
display : block;
}
#navbar a {
padding : 4px 10px;
color : #b5c0c6;
}
#navbar a:hover {
background : #454c5f;
color : #fed5cf;
}
#navbar a:active {
background : #110000;
color : #ffff80;
}
#main {
position : absolute;
top : 130px;
left : 0;
width : 100%;
background : #fbf9eb url(images/index/backby01.jpg) repeat-y;
}
#content {
float : left;
margin : 20px 0 0 0;
width : 1200px;
padding : 0;
z-index : 1;
}
* html #content {
display : inline;
}
#linkbar {
float : left;
width : 130px;
}
.link {
float : left;
width : 128px;
padding : 0 0 30px 2px;
}
.link img {
float : left;
border : solid 4px;
border-color : #b5c0c6 #636c82 #636c82 #b5c0c6;
}
.spacer {
float : left;
width : 130px;
padding : 0 0 30px 2px;
}
.spacer img {
float : left;
border : 0;
}
.textlink a {
display : block;
text-align : center;
color : #b5c0c6;
font-size : 12px;
letter-spacing : 1px;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
padding : 5px;
margin : 0 4px 20px 4px;
background-color : #636c82;
border : #b5c0c6 solid;
border-width : 3px 0;
}
.textlink a:hover {
background-color : #454c5f;
color : #fed5cf;
}
.textlink a:active {
background-color : #110000;
color : #ffff80;
}
#recent, #popular {
float : left;
margin : 20px 0 200px 24px;
width : 16%;
}
* html #recent, #popular {
display : inline;
padding : 0 0 300px 0;
margin-left : 20px;
}
#feature {
float : left;
width : 584px;
background : #b5c0c6;
margin-left : 24px;
padding : 12px 0 800px 24px;
}
* html #feature {
display : inline;
padding : 12px 0 500px 24px;
margin-left : 20px;
}
#feature h1, h2, strong {
color : #454c5f;
}
#feature p, li {
font-variant : normal;
}
#feature img {
border : 0;
}
.fprint {
float : left;
width : 560px;
background : #636c82;
padding : 0 0 20px 0;
margin : 0 0 14px 0;
}
* html .fprint {
display : inline;
}
.fprint img {
float : left;
margin : 12px 0 0 12px;
}
.fprint a img {
border : 0;
}
.ftext {
float : left;
width : 560px;
padding : 5px 0;
border : #636c82 solid;
border-width : 0 0 2px 0;
margin : 0 0 24px 0;
}
.flast {
float : left;
width : 560px;
padding : 5px 0;
margin : 0;
}
.ftext a, .flast a {
background : #636c82;
font-weight : bold;
color : #b5c0c6;
padding : 2px 5px;
}
.ftext a:visited, .flast a:visited {
background : none;
color : #636c82;
}
.ftext a:hover, .flast a:hover {
background : #454c5f;
color : #fed5cf;
}
.ftext a:active, .flast a:active {
background : #110000;
color : #ffff80;
}
.ftext ul, .flast ul {
padding : 0 0 4px 0;
margin : 0 0 4px 0;
}
.ftext li, .flast li {
color : #110000;
padding : 2px 0;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
}
#widetext {
float : left;
width : 756px;
background : #b5c0c6;
margin-left : 30px;
padding : 12px 24px 800px 24px;
}
* html #widetext {
display : inline;
padding : 12px 24px 500px 24px;
margin-left : 18px;
}
#widetext h1, h2, strong {
color : #454c5f;
}
.wtext {
float : left;
width : 760px;
padding : 5px 0;
border : #636c82 solid;
border-width : 0 0 2px 0;
margin : 0 0 24px 0;
}
.wtext a {
background : #636c82;
font-weight : bold;
color : #b5c0c6;
padding : 2px 5px;
}
.wtext a:visited {
background : none;
color : #636c82;
}
.wtext a:hover {
background : #454c5f;
color : #fed5cf;
}
.wtext a:active {
background : #110000;
color : #ffff80;
}
.wtext ul {
padding : 0 0 4px 0;
margin : 0 0 4px 0;
}
.wtext li {
color : #110000;
padding : 2px 0;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
}
#footer, #footer_w {
float : left;
width : 560px;
background : #636c82;
padding : 20px 0 0 0;
margin : 0;
color : #b5c0c6;
text-align : center;
}
* html #footer, * html #footer_w {
display : inline;
}
#footer_w {
width : 760px;
}
#hunter, #hunter_w {
float : left;
width : 510px;
padding : 0;
margin : 20px 26px;
}
* html #hunter, * html #hunter_w {
display : inline;
}
#hunter_w {
width : 710px;
}
.valid {
float : left;
width : 88px;
}
.valid img {
border : none;
}
#by, #by_w {
float : left;
width : 330px;
text-align : center;
}
#by_w {
width : 530px;
}
#by p, #by_w p {
color : #b5c0c6;
}
#by a, #by_w a {
background : #454c5f;
color : #b5c0c6;
font-weight : bold;
padding : 2px 5px;
}
#by a:visited, #by_w a:visited {
background : none;
color : #b5c0c6;
}
#by a:hover, #by_w a:hover {
background : #454c5f;
color : #fed5cf;
}
.wtext a:active, #by_w a:active {
background : #110000;
color : #ffff80;
}

↑ Top