튜토리얼 - 블로그 최근글

CSS 제약조건

다음과 같은 제약사항이 있습니다.

  • media 문은 무시됩니다.
  • @rule은 사용할 수 없습니다.
  • CSS rule은 html, head와 그 아래에 속하는 태그를 포함할 수 없습니다.
  • CSS rule은 특정 HTML id를 지칭하는 # 제어자를 사용할 수 없습니다.
  • 다른 사항에 대해서는 사용자가 이용하는 브라우저의 기능을 따릅니다.

XHTML 제약조건

  • id, accesskey 속성을 사용할 수 없습니다.
  • onclick, onmouseover 등과 같은 이벤트 핸들러 속성을 사용할 수 없기 때문에 자바스크립트를 통해 동적으로 이벤트를 지정해야 합니다.
  • a 태그의 href 속성은 "javascript:"로 시작하는 값을 가질 수 없습니다.
  • Internet Explorer에서 인식하는 conditional comment는 지원하지 않습니다.
  • h1, h2, h3 태그는 위자드팩토리와 위자드닷컴에서 다른 용도로 사용 중이므로 문서의 구조화를 위해 사용을 지양해 주십시오.
<style type="text/css">
/*<![CDATA[*/
div.container {
    background: #fff;
    letter-spacing: -1px;
}
div.loading {
    height: 210px;  /* adjust list height */
    text-align: center;
}
div.loading img {
    margin-top: 80px;
}
div.title {
    border: 1px solid #e0e0e0;
    border-bottom: none;
    font-weight: bold;
    color: #000;
    height: 1.3em;
    padding: 5px 2px 5px 25px;
    line-height: 1.4em;
    overflow: hidden;
    background: url(http://image.widget.wzdfactory.com/wzd_rss/icon_rss.gif) 4px 5px no-repeat; 
}
div.content {
    border: 1px solid #e0e0e0;
    padding-top: 1px;
}
div.content li {
    padding: 3px 2px;
    border: 1px solid #fff;
    border-width: 1px 0
}
div.content li:hover {
    background: #FFFFFF url(http://image.widget.wzdwidget.com/rss/bg_list_hl.gif) repeat-x scroll left top;
    border-color: #e2e2e2;
}
div.content li a {
    color: #000;
    display: block;
    height: 1em;
    line-height: 1.1em;
    overflow: hidden;
    padding-left: 15px;
    background: url(http://image.widget.wzdwidget.com/rss/bul_t1.gif) no-repeat scroll 4px 3px
}
div.content li a:hover {
    text-decoration: underline;
}
div.banner div.title {
    height: 50px;
    border: none;
    text-indent: -9999px;
    padding: 0;
}
div.banner div.content {
    padding-bottom: 0;
}

/*]]>*/
</style>