用户注册



邮箱：

密码：

用户登录


邮箱：

密码：
记住登录一个月忘记密码？

发表随想


还能输入：200字
云代码 - css代码库

css

2014-06-20 作者： 云代码会员举报

[css]代码库

view sourceprint?
*
        {
        margin:0;
        padding:0;
        border:0;
        }
 
body
        {
        font-family:Verdana, Arial, '宋体';
        font-size:12px;
        }
 
strong
{
        font-family:'微软雅黑';
        font-size:14px;
        color:#000;
        font-weight:800;
}
 
body#homefirst div#maincontent, div#maincontent h1, div#maincontent h2, div#sidebar div#ad h2
        {
        font-family:'微软雅黑';
        }
 
pre, pre code, div#maincontent input, div#maincontent select, div#maincontent textarea
        {
        font-family:"Courier New", Courier, monospace;
        }
 
h2, h3, h4, h5, h6, em
        {
        font-weight: bold;
        }
 
p.note span, p.important span, p.tip span, p.inherited, p.inherited span, p.gototop, .html5_new_note span
        {
        font-weight: bold;
        }
 
body#homesecond div#navsecond li
        {
        font-weight:bold;
        }
 
.tiy
        {
        font-weight:normal;
        }
 
div#maincontent h1
        {
        font-size: 26px;
        font-weight:400;
        }
 
div#maincontent h2, div#sidebar div#ad h2, body#homefirst div#maincontent h3
        {
        font-size: 14px;
        }
 
div#navsecond h2, div#sidebar h2, div#maincontent h3,  div#maincontent h4
        {
        font-size: 12px;
        }
 
div#maincontent button, div#maincontent input, div#maincontent select, div#maincontent textarea
        {
        font-size:12px;
        }
 
body#homefirst div#maincontent div#w3 h2
        {
        font-size:20px;
        }
 
em
        {
        font-style:normal;
        }
 
pre code
        {
        color:#0000dd;
        }
 
.html5_new_note span
        {
        color:blue;
        }
 
p.gototop
        {
        text-align:right;
        }
 
div#maincontent button
        {
        margin-top:15px;
        }
 
 
 
 
    /* ----------------------------------- layout ----------------------------------- */
html    {
        min-width: 966px;
        background: #f9f9f9;
        overflow:scroll;
        overflow-x:hidden;
        }
 
body
        {
        text-align: center;
        margin: 0;
        padding: 0;
        border: 0;
        background: #f9f9f9 url(http://www.w3school.com.cn/ui/holder.gif) top center repeat-y;
        }
 
div#wrapper
        {
        margin: 0 auto;
        padding: 0;
        border: 0;
        width: 1129px;
        text-align: left;
        background: transparent url(http://www.w3school.com.cn/ui/wrapper.gif) top left repeat-y;
        }
 
div#navsecond
        {
        float: left;
        margin: 0 0 0 6px;
        padding: 0;
        border: 0;
        width: 180px;
        background : transparent;
        }
 
html>body div#navsecond
        {
        margin-left: 12px;
        }
 
div#maincontent
        {
        float: left;
        margin: 0;
        padding: 0;
        border: 0;
        width: 740px;
        background: transparent;
        }
 
div#sidebar
        {
        float: left;
        margin: 0;
        padding: 0;
        border: 0;
        width: 180px;
        background: transparent;
        }
 
div#footer
        {
        clear: both;
        margin: 0;
        padding: 0;
        margin-left: 12px;
        width: 1100px;
        height: 46px;
        background: #b6b6b6;
        border-top: 10px solid #fff;
        border-bottom: 10px solid #fff;
        }
 
div#footer p
        {
        margin: 5px 10px 0 10px;
        }
 
 
 
 
 
div#header, div#header_index {
margin: 0 0 0 12px;
padding: 0;
border: 0;
width: 1100px;
height: 50px;
background: #b6b6b6;
}
 
div#header  a, div#header_index  a, div#header_index  h1 {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
}
 
div#header  a:link, div#header  a:visited {
display: block;
width: 209px;
height: 90px;
margin: 0;
padding: 0;
border: 0;
}
 
div#header  a:hover {
}
 
div#header  div#ad_head {
float: right;
width: 728px;
height: 90px;
background-color: #efefef;
}
    /* ----------------------------------- index -----------------------------------*/
 
 
body#homefirst div#maincontent div
        {
        padding-top:0;
        }
 
body#homefirst div#maincontent div#w3
        {
        text-align:center;
        }
 
body#homefirst div#maincontent div#partner
        {
        width: 307px;
        float: left;
        }
 
body#homefirst div#maincontent div#update
        {
        width: 300px;
        float: left;
        margin:0;
        }
 
body#homefirst div#maincontent div#w3 h2
        {
        margin-top:20px;
        }
 
body#homefirst div#maincontent h3
        {
        margin-top:15px;
        }
 
body#homefirst div#maincontent div.idea
        {
        padding: 0;
        min-height: 118px;
        }
 
body#homefirst div#maincontent div.idea img
        {
        margin:0;
        float:left;
        }
         
div#navfirst
        {
        height: 30px;
        width: 1100px;
        margin: 0 0 0 12px;
        padding: 0;
        border: 0;
        background: #fff;
        }
 
div#navfirst ul#menu
        {
        height: 30px;
        width: 1100px;
        margin: 0;
        padding: 0;
        position: relative;
        }
 
div#navfirst ul#menu li {
margin: 0px;
padding: 0 30px 0 30px;
list-style: none;
float: left;
}
 
ul#menu li,ul#menu a
        {
        display: block;
        height: 30px;
        }
 
div#navfirst ul#menu li a {
overflow: hidden;
text-decoration: none;
}
 
a:link, a:visited {
text-decoration: underline;
color: #900b09;
background: transparent;
}
 
a:hover {
text-decoration: underline;
color: #ff0000;
background: transparent;
}
 
a:active {
text-decoration: underline;
color: #ff0000;
background: transparent;
}
 
    /* Default links */
a:link, a:visited {
    text-decoration : underline;
    color : #900b09;
    background : transparent;
    }
 
a:hover {
    text-decoration : underline;
    color: #ff0000;
    background : transparent;
    }
 
a:active {
    text-decoration : underline;
    color : #ff0000;
    background : transparent; 
    }
 
div#navsecond li.currentLink a:link, div#navsecond li.currentLink a:visited {
    text-decoration : none;
    color:#ff0000;
    background : transparent;
    }
 
div#navsecond li.currentLink a:hover    {
    text-decoration : underline;
    color : #ff0000;
    background : transparent;
    }
 
div#navsecond a:link, div#navsecond a:visited   {
    text-decoration : none;
    color:#000;
    background : transparent;
    }
 
div#navsecond a:hover   {
    text-decoration : underline;
    color : #000;
    background : transparent;
    }
 
div#navsecond a:active  {
    text-decoration : underline;
    color : #000;
    background : transparent;
    }
 
div#navsecond a#link_help {
    color:#0479A7;
    }
 
div#navsecond a#link_about {
    color:#0479A7;
    }
 
div#maincontent .partner a {
    color:#0479A7;
    }
 
div#footer a:link, div#footer a:visited {
    text-decoration : none;
    color:#000;
    background : transparent;
    }
 
div#footer a:hover  {
    text-decoration : underline;
    color : #000;
    background : transparent;
    }
 
div#footer a:active {
    text-decoration : underline;
    color : #000;
    background : transparent;
    }
 
 
    /* ----------------------------------- Typography ----------------------------------- */
 
div#maincontent p
    {
    margin: 12px 0 0 0;
    line-height: 150%;
    }
 
div#maincontent h1  {
    margin:15px 0 0 15px;
    }
 
div#maincontent h3,  div#maincontent h4{
    margin:20px 0 0 0;
    }
 
div#navsecond h2, div#sidebar h2    {
    margin:10px 0 0 12px;
    }
 
body#homesecond div#navsecond li {
    margin:5px 0 0 0;
    }
 
div.backtoreference p{
    margin:0;
    }
 
div#w3school p {
    margin-left:15px;
    }
 
div#maincontent div p:first-child {
    margin: 0;
    }
 
p.important span {
    color:#dd0000;
    }
     
p.tip span {
    color:#ff9955;
    }
 
p.inherited {
    color:#ff0000;
    }
 
p.inherited span {
    color:#999;
    }
 
p.chinese span {
    color:#0000ff;
    }
 
pre {
    width:685px;
    margin: 10px 0 0 0;
    padding: 10px;
    border: 0;
    border: 1px dotted #785;
    background: #f5f5f5;
    }
 
pre code {
    color:#0000dd;
    }
 
pre span {
    color:#999;
    }
 
pre span.code_comment {
    color:#999;
    }
 
blockquote
    {
        margin:15px;
    }
 
div#maincontent ul, div#maincontent ol {
    margin-top:10px;
    margin-left:35px;
    margin-bottom:0;
    }
 
div#maincontent li {
    margin-top:3px;
    }
 
div#navsecond ul, div#navsecond li, div#sidebar ul, div#sidebar li  {
    margin: 0;
    padding: 0;
    }
 
div#navsecond ul, div#sidebar ul    {
    margin-left: 12px;
    }
 
div#navsecond li, div#sidebar li    {
    list-style: none;
    }
 
div#navsecond li.list_apart {
    margin-top:10px;
    }
 
img {
    border:0;
    }
 
div#maincontent img {
    margin:25px 0 0 25px;
    }
 
div#maincontent div{
    width: 710px;
    margin: 0 0 0 15px;
    padding: 20px 0 20px 0;
    border:0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    }
 
body#homesecond dl  {
    margin:0;
    padding:0;
    }
 
body#homesecond dt
        {
        font-weight: bold;
        font-size: 14px;
        margin:0;
        padding:0;
        }
 
body#homesecond dd {
    color:#000088;
    margin:10px 0 0 0;
    padding:0;
    }
 
body#homesecond dd p {
    margin:0;
    padding:0;
    }
 
 
div#maincontent div#toc div {
    margin:0;
    margin-top:15px;
    margin-bottom:35px;
    padding:0;
    border:0;
    }
 
div#toc img {
    float:left;
    margin:0;
    margin-right:10px;
    }
 
div#toc div dt, div#toc div dl  {
    margin-top:0;
    }
 
div#example dl, div.example dl, div#moreexamples dl, div#toc dl, div#referencelist dl   {
    margin: 10px 0 0 0;
    }
 
div#example dt, div.example dt, div#moreexamples dt, div#toc dt, div#referencelist dt   {
    margin:15px 0 5px 0;
    }
 
div#example dd, div.example dd, div#moreexamples dd, div#toc dd, div#referencelist dd   {
    margin:0;
    }
 
dl.define
        {
        margin: 10px 0 0 0;
        }
 
dl.define dt
        {
        margin:15px 0 3px 0;
        font-weight:bold;
        color:#0479A7;
        }
 
dl.define dd
        {
        margin:10px 0 0 10px;
        line-height: 150%;
        }
 
span.deprecated {
    color:#e80000;
    }
 
.marked {
    color:#dd0000;
    }
 
p.gototop {
    text-align:right;
    }
 
div#maincontent canvas.canvas_example {
    border:1px solid #d3d3d3;
    background:#ffffff;
    width:300px;
    height:150px;
    margin-top:15px;
    }
 
div#maincontent div.panel,p.flip {
    width:400px;
    margin:0;
    padding:5px;
    text-align:center;
    background:#e5eecc;
    border:solid 1px #c3c3c3;
}
 
div#maincontent p.flip {
    margin-top:15px;
}
 
div.panel {
    display:none;
}
 
div#maincontent input[type=text]
{
    border:1px #bebebe solid;
    height:30px;
    padding-left:10px;
    margin:15px 0 0 0;
}
 
div#maincontent input[type=submit], button
{
    border:1px #bebebe solid;
    height:30px;
    padding-left:5px;
    padding-right:5px;
}
 
div#maincontent input[type=submit]:hover, button:hover
{
    border:1px #999 solid;
}
 
div#maincontent select
{
    border:1px #bebebe solid;
    height:25px;
    margin:15px 0 0 0;
}
 
 
/* ----------------------------------- 表格 ----------------------------------- */
 
table.dataintable {
    margin-top:10px;
    border-collapse:collapse;
    border:1px solid #aaa;
    width:100%;
    }
 
table.dataintable th {
    vertical-align:baseline;
    padding:5px 15px 5px 5px;
    background-color:#d5d5d5;
    border:1px solid #aaa;
    text-align:left;
    }
 
table.dataintable td {
    vertical-align:text-top;
    padding:5px 15px 5px 5px;
    background-color:#efefef;
    border:1px solid #aaa;
    }
 
table.dataintable pre {
    width:auto;
    margin:0;
    padding:0;
    border:0;
    background-color:transparent;
    }
 
table.dataintable p {margin:0 0 2px 0;}
 
div#maincontent table.dataintable ul, div#maincontent table.dataintable li {
    list-style-type:none;
    margin:0;
    padding:0;
    }
 
table.dataintable td em
        {
        color:#0000ff;
        font-weight:normal;
        }
     
table.dataintable .table_value {color:#0F93D2;}
 
.no_wrap {white-space:nowrap;}
 
div#maincontent table.dataintable ul.listintable {
    margin:20px;
    padding:0;
    }
 
div#maincontent table.dataintable ul.listintable  li{
    list-style-type:disc;
    }
 
 
/* ----------------------------------- search form ----------------------------------- */
div#searchui
        {
        margin:15px 0 15px 5px;
        padding:0;
        }
 
div#searchui p
        {
        margin:0 0 5px 0;
        padding:0;
        }
 
#searchui label
        {
        margin:0 0 0 2px;
        text-transform:uppercase;
        letter-spacing:2px;
        font-size:11px;
        }
 
#searchui input.button
        {
        padding:0;
        margin:0;
        background:#AE4141;
        font:12px Verdana, Arial, Helvetica, sans-serif;
        color:#FFFFFF;
        width:25px;
        height:20px;
        }
 
#searchui input.box
        {
        margin:0 0 0 2px;
        width:135px;
        height:20px;
        background:#fdfdfd;
        font:12px Verdana, Arial, Helvetica, sans-serif;
        }


网友评论    (发表评论)

共1 条评论 1/1页

发表评论：

评论须知：

  • 1、评论每次加2分，每天上限为30；
  • 2、请文明用语，共同创建干净的技术交流环境；
  • 3、若被发现提交非法信息，评论将会被删除，并且给予扣分处理，严重者给予封号处理；
  • 4、请勿发布广告信息或其他无关评论，否则将会删除评论并扣分，严重者给予封号处理。


扫码下载

加载中，请稍后...

输入口令后可复制整站源码

加载中，请稍后...