튜토리얼 - 블로그 최근글
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>