Z-BLOG模板CSS默认样式注释大全
关键字描述：注释 大全 样式 默认 模板 定义 margin:0 10px padding:0<br /><br /><p>下面这个是默认的ZBLOG CSS样式表 里面附带有最全的CSS注释 让你一看就理解了。如果您觉得麻烦 可以下载我们提供的样式CSS文件，更加方便您的学习与修改。<br /><br />下载地址：default.zip<br />/*--------------------------博客全局设置-------------------------------*/<br /><br />/*----关于页面的设置[边距、字体颜色、大小、背景颜色]----*/<br />body{<br />margin:0;<br />padding:0;<br />color:#000000;<br />font-size:12px;<br />background:#FFFFFF;<br />}<br />/*----以下为字体链接变换的定义----*/<br />a{<br />text-decoration: none;<br />}<br />a:link {<br />color: #095C83;<br />}<br />a:visited {<br />color: #095C83;<br />}<br />a:hover {<br />color: #DC143C;<br />text-decoration: underline;<br />}<br />a:active {<br />color: #DC143C;<br />text-decoration: underline;<br />}<br /><br />/*----以下为ul li 段落 图片的定义----*/<br />ul{<br />list-style-type:none;<br />list-style-position : outside;<br />margin:0 0 0 0;<br />padding:0 0 0 0;<br />word-break:break-all;<br />}<br />li{<br />margin:0 0 0 0;<br />padding:0 0 0 0;<br />}<br />p{<br />margin:0 0 0 0;<br />padding:0 0 0 0;<br />word-break:break-all;<br />}<br />img{<br />border:0;<br />}<br /><br />/*--------------------------------3个主要div模块的定义-------------------------------*/<br /><br />#divAll{<br />width:790px;<br />margin:0 auto;<br />padding:0<br />}<br />#divPage{<br />width:778px;<br />margin:0;<br />padding:0 6px 0 6px;<br />text-align:left;<br />float:left;<br />background:url("default/bg.gif") repeat-y center;<br />}<br />#divMiddle{<br />width:778px;<br />margin:0;<br />padding:0;<br />text-align:left;<br />float:left;<br />}<br /><br />/*----顶部图片的大小、边距、颜色、背景的定义----*/<br />#divTop{<br />width:778px;<br />margin:0 auto;<br />padding:0;<br />text-align:left;<br />float:left;<br />height:115px;<br />background:#1D99D3 url("default/topbacking.gif") repeat-x 0 0;<br />border-bottom:1px solid #808080;<br />}<br /><br />/*----侧栏宽度、边距、浮动位置的定义----*/<br />#divSidebar{<br />width:210px;<br />margin:0 0 0 0;<br />padding:0 0 10px 0;<br />text-align:center;<br />float:left;<br />}<br /><br />/*----主栏栏宽度、边距、浮动位置的定义----*/<br />#divMain{<br />width:568px;<br />margin:0 0 0 0;<br />padding: 0;<br />text-align:left;<br />float:left;<br />}<br /><br />/*----底部大小、边距、浮动位置、背景的定义----*/<br />#divBottom{<br />width:778px;<br />margin:0 auto;<br />padding:0;<br />text-align:center;<br />float:left;<br />height:80px;<br />background:url("default/bottom.png") repeat-x 0 0;<br />border-top:1px solid #D0D0D0;<br />}<br />/*----------------------------侧栏模块的参数定义-----------------------------------*/<br /><br />/*----侧栏总体定义[浮动方向、宽度、边距等]----*/<br />div.function {<br />float:left;<br />width:190px;<br />margin:10px 0 0 0;<br />padding:0 0 0 10px;<br />text-align:left;<br />}<br /><br />/*----侧栏标题的定义----*/<br />div.function h3{<br />font-size:12px;<br />height:15px;<br />margin:0 0 0 0;<br />padding:5px 0 0 5px;<br />color:black;<br />}<br />/*----侧栏正文的定义----*/<br />div.function ul{<br />text-align:left;<br />width:190px;<br />margin:2px 0 0 0;<br />padding:5px 0 0 0;<br />list-style-position:outside;<br />list-style-type:none;<br />border-top:1px solid #d0d0d0;<br />}<br />/*----侧栏正文项目列表的定义----*/<br />div.function li{<br />margin:0 0 0 0;<br />padding:2px 0 1px 15px;<br />background:url("default/pointblue.gif") no-repeat 3px 4px;<br />}<br />/*----侧栏项目列表的定义----*/<br />#divCatalog li{<br />background:none;<br />padding:2px 0 1px 4px;<br />}<br />/*#divCatalog li span.feed-icon{<br />display:none;<br />}*/<br />/*----侧栏图标汇集的定义----*/<br />#divMisc{<br />padding:10px 0 5px 10px;<br />}<br /><br />/*----侧栏图标汇集的标题隐藏----*/<br />#divMisc h3{<br />display: none;<br />}<br /><br />/*----侧栏图标汇集的正文模块定义----*/<br />#divMisc ul{<br />border:none;<br />}<br /><br />/*----侧栏图标汇集的项目列表定义----*/<br />#divMisc li{<br />padding:2px 0 2px 15px;<br />background-image : none;<br />}<br /><br />/*----侧栏目录项目前的图标----*/<br />div.function li span.feed-icon a{<br />background:url("default/feed.png") no-repeat 0 3px;<br />margin:0 0 0 0;<br />padding:0 0 0 0;<br />font-size:14px;<br />height:12px;<br />width:12px;<br />}<br />div.function li span.feed-icon img{<br />height:12px;<br />width:9px;<br />visibility:hidden;<br />margin:0;<br />padding:0;<br />}<br /><br />/*----侧栏控制面板的项目列表定义----*/<br />#divContorPanel li{<br />background-image : none;<br />}<br /><br />/*----侧栏搜索的项目列表定义----*/<br />#divSearchPanel li{<br />background-image : none;<br />}<br /><br />/*-----------------------------主栏正文的定义----------------------------------*/<br /><br />/*----正文的总体定义----*/<br />div.post {<br />width:548px;<br />margin:10px 0 10px 10px;<br />padding:0 0 0 0;<br />text-align:left;<br />}<br />/*----上下文章的总体定义----*/<br />div.post-nav {<br />width:100%;<br />clear:both;<br />float:left;<br />}<br />/*----上文的定义----*/<br />div.post-nav a.l{<br />float:left;<br />padding-right:10px;<br />padding-bottom:5px;<br />}<br />/*----下文的定义----*/<br />div.post-nav a.r{<br />float:right;<br />padding-left:10px;<br />padding-bottom:5px;<br />}<br />/*----文章标题的定义----*/<br />div.post .post-title{<br />width:519px;<br />padding:5px 0 2px 28px;<br />margin:2px 0 2px 0;<br />font-size:18px;<br />color: #284259;<br />border-top:1px dashed #D0D0D0;<br />border-bottom:1px dashed #D0D0D0;<br />background:#fafafa url("default/title-bg.gif") no-repeat 3px center;<br />}<br />/*----文章日期的定义----*/<br />div.post .post-date{<br />width:538px;<br />margin:0 0 0 0;<br />padding:5px 5px 2px 0;<br />font-size:12px;<br />color:gray;<br />}<br />/*----文章底部的定义----*/<br />div.post .post-footer{<br />width:546px;<br />margin:10px 0 30px 0;<br />padding:2px 0 0 0;<br />font-size:12px;<br />color:gray;<br />height:20px;<br />text-align:right;<br />}<br />/*----tags的定义----*/<br />div.post .post-tags{<br />width:541px;<br />margin:2px 0 2px 5px;<br />padding:2px 0 0 0;<br />font-size:12px;<br />color:gray;<br />height:20px;<br />text-align:left;<br />}<br />body.multi div.post .post-tags{<br />/*display:none;*/<br />}<br />/*----文章正文文字的定义----*/<br />div.post div.post-body{<br />width:520px;<br />margin:0 0 0 0;<br />padding:0 0 0 5px;<br />font-size:13px;<br />word-break:break-all;<br />text-align:left;<br />line-height:150%;<br />}<br />/*----文章正文内media标签的定义----*/<br />div.post-body div.media a{<br />padding-left:16px;<br />background:#FBFBFB url("default/media.gif") no-repeat 0 center;<br />}<br />/*----文章img标签的定义----*/<br />div.post-body img{<br />padding:4px 4px 4px 4px;<br />border:0;<br />clear : both;<br />float : none;<br />}<br />/*----文章正文段落的定义----*/<br />div.post-body p{<br />margin:10px 0 15px 0;<br />padding:0;<br />}<br />/*----文章正文文字段落内img标签的定义----*/<br />div.post-body p.img{<br />margin:0;<br />padding:0;<br />text-align:center;<br />}<br />/*----文章正文文字段落内inscript标签的定义----*/<br />div.post-body p.inscript{<br />margin:0;<br />padding:0;<br />padding-right:20px;<br />text-align:right;<br />}<br />/*----文章正文文字段落内code标签的定义----*/<br />div.post-body p.code{<br />padding:5px;<br />border:1px dotted black;<br />}<br />div.post-body div.code{<br />padding:5px;<br />border:1px dotted black;<br />}<br />/*----文章正文内h1标签的定义----*/<br />div.post-body h1{<br />color: #000000;<br />margin:0;<br />padding:0;<br />font-size:16px;<br />}<br />/*----文章正文内h2标签的定义----*/<br />div.post-body h2{<br />color: #000000;<br />margin:0;<br />padding:0;<br />font-size:14px;<br />}<br />/*----文章正文内h3标签的定义----*/<br />div.post-body h3{<br />color: #000000;<br />margin:0;<br />padding:0;<br />font-size:13px;<br />}<br />/*----文章正文内h4标签的定义----*/<br />div.post-body h4{<br />color: #000000;<br />margin:0;<br />padding:0;<br />font-size:12px;<br />}<br />/*----文章正文内h5标签的定义----*/<br />div.post-body h5{<br />color: #000000;<br />margin:0;<br />padding:0;<br />font-size:11px;<br />}<br />/*----文章正文内h6标签的定义----*/<br />div.post-body h6{<br />color: #000000;<br />margin:0;<br />padding:0;<br />font-size:10px;<br />}<br />/*--------------------------blog名称及版权的定义-------------------------------------*/<br />/*----blog名称的总体定义----*/<br />#BlogTitle{<br />font-size:32px;<br />margin:54px 0 0 10px;<br />padding:0;<br />font-weight:bold;<br />}<br /><br />/*----以下为blog名称的链接变换定义----*/<br />#BlogTitle a{<br />color:#F0FFF0;<br />}<br />#BlogTitle a:hover {<br />color: #DC143C;<br />text-decoration: none;<br />}<br />#BlogTitle a:active {<br />color: #DC143C;<br />text-decoration: none;<br />}<br /><br />/*----blog名称下副标题的定义----*/<br />#BlogSubTitle{<br />color: #F0FFF0;<br />font-size:12px;<br />margin:2px 0 0 10px;<br />padding:0;<br />}<br />/*----blog版权的定义----*/<br />#BlogPowerBy{<br />font-size:12px;<br />height:20px;<br />margin:0;<br />padding:25px 10px 0 10px;<br />text-align:right;<br />font-weight:normal;<br />}<br />#BlogCopyRight{<br />font-size:12px;<br />height:20px;<br />margin:0;<br />padding:0 10px 0 10px;<br />text-align:right;<br />float:none;<br />clear:both;<br />font-weight:normal;<br />}<br /><br />/*--------------------------评论的定义-------------------------------------*/<br /><br />/*----评论顶部部分的定义----*/<br />p.posttop {<br />margin:10px 0 0 0;<br />padding:3px 0 2px 12px;<br />background: url("default/pointblue.gif") no-repeat 0 center;<br />}<br />/*----评论底部部分的定义----*/<br />p.postbottom {<br />margin:0 0 10px 0;<br />padding:5px 0 0 0;<br />}<br />#frmSumbit{<br />padding:0;<br />margin:0;<br />}<br />#frmSumbit p{<br />padding:5px 0 5px 0;<br />}<br />/*----评论按钮的定义----*/<br />input.button{<br />background: white;<br />border: 1px double #284259;<br />color: #333;<br />padding: 0.05em 0.25em 0.05em 0.25em;<br />}<br />/*----评论文字的定义----*/<br />input.text {<br />padding: 0.15em 0.25em 0.20em 0.25em;<br />border: 1px double #284259;<br />width: 200px;<br />background: white;<br />}<br />/*----评论文字框的定义----*/<br />textarea.text {<br />padding: 0.15em 0.25em 0.20em 0.25em;<br />border: 1px double #284259;<br />width: 80%;<br />height: 80px;<br />background: white;<br />width: 520px;<br />height: 120px;<br />}<br /><br /><br />
頁:
[1]