现在的位置: 首页 > 综合 > 正文

HTML<特效制作><层叠样式表>

2013年10月18日 ⁄ 综合 ⁄ 共 5092字 ⁄ 字号 评论关闭

html {
 overflow: hidden;
}
body {
 position: absolute;
 overflow: hidden;
 margin: 0px;
 padding: 0px;
 background: #111;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 font-family: verdana, arial, helvetica, sans-serif;
 font-weight: normal;
 color: #fff;
 scrollbar-face-color: #525252;
 scrollbar-highlight-color: #7A7875;
 scrollbar-shadow-color: #000000;
 scrollbar-3dlight-color: #2C2A2C;
 scrollbar-arrow-color: #ff8000;
 scrollbar-track-color: #2C2A2C;
 scrollbar-darkshadow-color: #2C2A2C;
}
a {
 text-decoration: none;
 color:#ff8000;
}
a:hover {
 text-decoration: none;
 background:#ff8000;
 color:#ffffff;
}
a:visited {
 text-decoration: none;
 color:#ff8000;
}
a:visited:hover {
 text-decoration: none;
 background:#ff8000;
 color:#ffffff;
}
.hid {
 visibility: hidden;
}
.turn_on {
 visibility: hidden;
}
h1 {
 text-align: center;
}
h3 {
 text-align: center;
 color: #888;
}
h4 {
 text-align: center;
 color: #F80;
}
#upx {
 position: absolute;
 overflow: hidden;
 background-color: #111;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 7%;
 visibility: hidden;
}
#up {
 position: absolute;
 overflow: hidden;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
}
#uptitle {
 position: absolute;
 left: 0px;
 top: -0.2em;
 width: 100%;
 height: 60%;
 text-align: center;
 color: #ccc;
 font-weight: bold;
 color: #fff;
 white-space: nowrap;
 font-size: 1.4em;
}
#upsubtitle {
 position: absolute;
 left: 0px;
 bottom: 0.2em;
 width: 100%;
 height: 40%;
 text-align: left;
 color: #fff;
 font-weight: normal;
 font-size: 0.9em;
}
.textScript {
 font-size: 0.7em;
 text-align: center;
 margin-right: 1em;
}
#bodyFrame {
 position: absolute;
 left: 0px;
 top: 7%;
 width: 100%;
 height: 86%;
 overflow: auto;
 background-color: #000;
 visibility: hidden;
}
#splash {
 position: absolute;
 left: 49%;
 top: 49%;
}
#down {
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 100%;
 height: 7%;
 overflow: hidden;
 background-color: #111;
 visibility: hidden;
}
#titup{
 position: absolute;
 left: 0px;
 top: -0.2em;
 font-size: 1.5em;
 font-weight: bold;
 color: #fff;
 text-align: center;
 width: 100%;
 margin: 0px;
 padding: 0px;
}
#uptxt {
 position: absolute;
 left: 0px;
 top: 0px;
 height: 100%;
 font-size: 0.7em;
 font-weight: normal;
 color: #e0e0e0;
 text-align: center;
 width: 100%;
}
#upbar {
 position: absolute;
 left: 0px;
 width: 100%;
 bottom: 0.2em;
 text-align: center;
 font-weight: normal;
 letter-spacing: 0px;
 white-space: nowrap;
}
#uptit{
 position: absolute;
 left: 0px;
 bottom: 0.65em;
 font-size: 1.8em;
 font-weight: normal;
 color: #e0e0e0;
 text-align: center;
 width: 100%;
 margin: 0px;
 padding: 0px;
}
#up1 {
 overflow: hidden;
 background:#00F;
 font-size: 0.5em;
 height: 0.6em;
 top: -0.1em;
}
#up2 {
 overflow: hidden;
 background:#000;
 font-size: 0.5em;
 height: 0.6em;
 top: -0.1em;
}
#logo {
 position: absolute;
 width: 14%;
 height: 100%;
 overflow: hidden;
 background-color: #111;
 cursor: pointer;
 text-align: center;
}

#dhtml {
 position: absolute;
 left: 0px;
 bottom: 0.1em;
 font-weight: bold;
 color: #666;
 margin: 0px;
 padding: 0px;
 white-space: nowrap;
}
#demos {
 position: absolute;
 left: 0px;
 width: 100%;
 font-size: 0.6em;
 color: #fff;
 white-space: nowrap;
 font-weight: bold;
 text-align: center;
}
#ge1doot {
 position: absolute;
 left: 14%;
 width: 14%;
 height: 100%;
 background-color: #111;
 cursor: default;
 text-align: center;
}
#menu {
 top: 0px;
 width: 100%;
 height: 100%;
 background: #111;
 font-size: 1.5em;
 text-align: left;
 font-weight: bold;
}
#rid {
 position: absolute;
 color: #fff;
 background: #ff6600;
 left: 0px;
 width: 100%;
 top: 33%;
 height: 33%;
 cursor: pointer;
 overflow: hidden;
}
#ri2 {
 position: absolute;
 left: 0px;
 color: #fff;
 width: 100%;
 height: 100%;
 cursor: pointer;
}
#ar {
 position: absolute;
 left: -1000px;
 cursor: pointer;
 border-style: solid;
 width: 0px;
 height: 0px;
 line-height: 0px;
 border-color: #111 #111 #111 #ff6600;
}
#intro {
 position: absolute;
 right: 80px;
 width: 60%;
 height: 100%;
 cursor: default;
}
.dom {
 position: relative;
 font-weight: bold;
 padding: 0.1em;
 text-align: center;
 font-size: .7em;
 font-family: verdana, arial, helvetica, sans-serif;
 background-color: #ff6600;
 color: #fff;
}
a.dom {
 text-decoration: none;
 color:#fff;
}
a.dom:hover {text-decoration: none;background:#ff8000;color:#fff;}
a.dom:visited {text-decoration: none;color:#fff;}
a.dom:visited:hover {text-decoration: none;background:#ff8000;color:#fff;}
.ie {
 position: relative;
 font-weight: bold;
 padding: 0.1em;
 text-align: center;
 font-size: .7em;
 font-family: verdana, arial, helvetica, sans-serif;
 background-color: #036dc5;
 color: #fff;
}
#close {
 position: absolute;
 right: 0.2em;
 top: 0.2em;
 cursor: pointer;
 text-align: center;
 width: 1em;
 height: 1em;
 overflow: hidden;
}
.form {
 font-size: 0.8em;
}
.field {
 background: #ccc;
 color: #000;
 border: #000 solid 1px;
 font-size: 1em;
 height: 1em;
}
.but {
 background: #666;
 color: #fff;
 cursor: pointer;
 font-size: 1em;
 border: none;
 height: 1.1em;
}
.but:hover {
 background: #eee;
 color: #000;
}
#ack {
 color: #888;
 font-size: 0.7em;
}
#tabgal {
 position: absolute;
 right: 0.5em;
 top: -0.3em;
 margin: 0.1em;
}
#paypalbut {
 cursor: pointer;
}
#stat30{
 position: absolute;
 background-color: #000;
 left: 0.1em;
 top:1.3em;
 width: 62px;
 height: 17px;
 overflow: hidden;
 font-family: verdana, arial, helvetica, sans-serif;
}
#stat30 div {
 position:absolute;
 bottom: 0px;
 left: 60px;
 width: 1px;
 font-size: 0px;
 background-color:#f80;
}
#stat30 span {
 position:absolute;
 bottom: 0px;
 width: 1px;
 font-size: 0px;
 background-color: #666;
}

.sfx {
 position: absolute;
 font-family: verdana, arial, helvetica, sans-serif;
 color: #fff;
}

抱歉!评论已关闭.