W3C CSS 검사 결과 http://koehnline.com/koehnline01.css (CSS 레벨 2.1)

축하합니다! 발견된 오류가 없습니다.

이 문서는 다음 형식으로 검사되었습니다: CSS 레벨 2.1 !

방문자들에게 상호 호환성이 있는 웹 페이지를 고려한 웹 페이지를 작성한 것을 알리기 위해, 검증된 웹 페이지에서 이 아이콘을 표시할 수 있습니다. 아래 XHTML 코드를 이용하여 아이콘을 웹 페이지에 추가할 수 있습니다:

올바른 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="올바른 CSS입니다!" />
    </a>
</p>
올바른 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="올바른 CSS입니다!" />
    </a>
</p>

(HTML 4.01 이하에서는 /> 대신에 >로 img태그를 닫아야 합니다)

원하신다면, 이 이미지의 사본을 웹 사이트의 디렉토리에 저장하고, 위에 있는 XHTML 코드에서 사본으로 경로를 변경하는 것도 가능합니다.

향후 이 페이지를 쉽게 검사하거나 다른 사용자들이 검사를 해볼 수 있게 이 검사 결과에 대한 링크를 만들고 싶다면, 링크 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/XML 문서 전용)

(또는, 이 페이지를 즐겨찾기 (또는 책갈피) 에 추가하여도 됩니다.)

↑ 최상위

올바른 CSS에 대한 정보

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

↑ 최상위