Z-BLOG模板CSS默認(rèn)樣式注釋大全

下面這個(gè)是默認(rèn)的ZBLOG CSS樣式表 里面附帶有最全的CSS注釋 讓你一看就理解了。如果您覺得麻煩 可以下載我們提供的樣式CSS文件,更加方便您的學(xué)習(xí)與修改。
下載地址:default.zip
/*--------------------------博客全局設(shè)置-------------------------------*/
/*----關(guān)于頁面的設(shè)置[邊距、字體顏色、大小、背景顏色]----*/
body{
margin:0;
padding:0;
color:#000000;
font-size:12px;
background:#FFFFFF;
}
/*----以下為字體鏈接變換的定義----*/
a{
text-decoration: none;
}
a:link {
color: #095C83;
}
a:visited {
color: #095C83;
}
a:hover {
color: #DC143C;
text-decoration: underline;
}
a:active {
color: #DC143C;
text-decoration: underline;
}
/*----以下為ul li 段落 圖片的定義----*/
ul{
list-style-type:none;
list-style-position : outside;
margin:0 0 0 0;
padding:0 0 0 0;
word-break:break-all;
}
li{
margin:0 0 0 0;
padding:0 0 0 0;
}
p{
margin:0 0 0 0;
padding:0 0 0 0;
word-break:break-all;
}
img{
border:0;
}
/*--------------------------------3個(gè)主要div模塊的定義-------------------------------*/
#divAll{
width:790px;
margin:0 auto;
padding:0
}
#divPage{
width:778px;
margin:0;
padding:0 6px 0 6px;
text-align:left;
float:left;
background:url("default/bg.gif") repeat-y center;
}
#divMiddle{
width:778px;
margin:0;
padding:0;
text-align:left;
float:left;
}
/*----頂部圖片的大小、邊距、顏色、背景的定義----*/
#divTop{
width:778px;
margin:0 auto;
padding:0;
text-align:left;
float:left;
height:115px;
background:#1D99D3 url("default/topbacking.gif") repeat-x 0 0;
border-bottom:1px solid #808080;
}
/*----側(cè)欄寬度、邊距、浮動(dòng)位置的定義----*/
#divSidebar{
width:210px;
margin:0 0 0 0;
padding:0 0 10px 0;
text-align:center;
float:left;
}
/*----主欄欄寬度、邊距、浮動(dòng)位置的定義----*/
#divMain{
width:568px;
margin:0 0 0 0;
padding: 0;
text-align:left;
float:left;
}
/*----底部大小、邊距、浮動(dòng)位置、背景的定義----*/
#divBottom{
width:778px;
margin:0 auto;
padding:0;
text-align:center;
float:left;
height:80px;
background:url("default/bottom.png") repeat-x 0 0;
border-top:1px solid #D0D0D0;
}
/*----------------------------側(cè)欄模塊的參數(shù)定義-----------------------------------*/
/*----側(cè)欄總體定義[浮動(dòng)方向、寬度、邊距等]----*/
div.function {
float:left;
width:190px;
margin:10px 0 0 0;
padding:0 0 0 10px;
text-align:left;
}
/*----側(cè)欄標(biāo)題的定義----*/
div.function h3{
font-size:12px;
height:15px;
margin:0 0 0 0;
padding:5px 0 0 5px;
color:black;
}
/*----側(cè)欄正文的定義----*/
div.function ul{
text-align:left;
width:190px;
margin:2px 0 0 0;
padding:5px 0 0 0;
list-style-position:outside;
list-style-type:none;
border-top:1px solid #d0d0d0;
}
/*----側(cè)欄正文項(xiàng)目列表的定義----*/
div.function li{
margin:0 0 0 0;
padding:2px 0 1px 15px;
background:url("default/pointblue.gif") no-repeat 3px 4px;
}
/*----側(cè)欄項(xiàng)目列表的定義----*/
#divCatalog li{
background:none;
padding:2px 0 1px 4px;
}
/*#divCatalog li span.feed-icon{
display:none;
}*/
/*----側(cè)欄圖標(biāo)匯集的定義----*/
#divMisc{
padding:10px 0 5px 10px;
}
/*----側(cè)欄圖標(biāo)匯集的標(biāo)題隱藏----*/
#divMisc h3{
display: none;
}
/*----側(cè)欄圖標(biāo)匯集的正文模塊定義----*/
#divMisc ul{
border:none;
}
/*----側(cè)欄圖標(biāo)匯集的項(xiàng)目列表定義----*/
#divMisc li{
padding:2px 0 2px 15px;
background-image : none;
}
/*----側(cè)欄目錄項(xiàng)目前的圖標(biāo)----*/
div.function li span.feed-icon a{
background:url("default/feed.png") no-repeat 0 3px;
margin:0 0 0 0;
padding:0 0 0 0;
font-size:14px;
height:12px;
width:12px;
}
div.function li span.feed-icon img{
height:12px;
width:9px;
visibility:hidden;
margin:0;
padding:0;
}
/*----側(cè)欄控制面板的項(xiàng)目列表定義----*/
#divContorPanel li{
background-image : none;
}
/*----側(cè)欄搜索的項(xiàng)目列表定義----*/
#divSearchPanel li{
background-image : none;
}
/*-----------------------------主欄正文的定義----------------------------------*/
/*----正文的總體定義----*/
div.post {
width:548px;
margin:10px 0 10px 10px;
padding:0 0 0 0;
text-align:left;
}
/*----上下文章的總體定義----*/
div.post-nav {
width:100%;
clear:both;
float:left;
}
/*----上文的定義----*/
div.post-nav a.l{
float:left;
padding-right:10px;
padding-bottom:5px;
}
/*----下文的定義----*/
div.post-nav a.r{
float:right;
padding-left:10px;
padding-bottom:5px;
}
/*----文章標(biāo)題的定義----*/
div.post .post-title{
width:519px;
padding:5px 0 2px 28px;
margin:2px 0 2px 0;
font-size:18px;
color: #284259;
border-top:1px dashed #D0D0D0;
border-bottom:1px dashed #D0D0D0;
background:#fafafa url("default/title-bg.gif") no-repeat 3px center;
}
/*----文章日期的定義----*/
div.post .post-date{
width:538px;
margin:0 0 0 0;
padding:5px 5px 2px 0;
font-size:12px;
color:gray;
}
/*----文章底部的定義----*/
div.post .post-footer{
width:546px;
margin:10px 0 30px 0;
padding:2px 0 0 0;
font-size:12px;
color:gray;
height:20px;
text-align:right;
}
/*----tags的定義----*/
div.post .post-tags{
width:541px;
margin:2px 0 2px 5px;
padding:2px 0 0 0;
font-size:12px;
color:gray;
height:20px;
text-align:left;
}
body.multi div.post .post-tags{
/*display:none;*/
}
/*----文章正文文字的定義----*/
div.post div.post-body{
width:520px;
margin:0 0 0 0;
padding:0 0 0 5px;
font-size:13px;
word-break:break-all;
text-align:left;
line-height:150%;
}
/*----文章正文內(nèi)media標(biāo)簽的定義----*/
div.post-body div.media a{
padding-left:16px;
background:#FBFBFB url("default/media.gif") no-repeat 0 center;
}
/*----文章img標(biāo)簽的定義----*/
div.post-body img{
padding:4px 4px 4px 4px;
border:0;
clear : both;
float : none;
}
/*----文章正文段落的定義----*/
div.post-body p{
margin:10px 0 15px 0;
padding:0;
}
/*----文章正文文字段落內(nèi)img標(biāo)簽的定義----*/
div.post-body p.img{
margin:0;
padding:0;
text-align:center;
}
/*----文章正文文字段落內(nèi)inscript標(biāo)簽的定義----*/
div.post-body p.inscript{
margin:0;
padding:0;
padding-right:20px;
text-align:right;
}
/*----文章正文文字段落內(nèi)code標(biāo)簽的定義----*/
div.post-body p.code{
padding:5px;
border:1px dotted black;
}
div.post-body div.code{
padding:5px;
border:1px dotted black;
}
/*----文章正文內(nèi)h1標(biāo)簽的定義----*/
div.post-body h1{
color: #000000;
margin:0;
padding:0;
font-size:16px;
}
/*----文章正文內(nèi)h2標(biāo)簽的定義----*/
div.post-body h2{
color: #000000;
margin:0;
padding:0;
font-size:14px;
}
/*----文章正文內(nèi)h3標(biāo)簽的定義----*/
div.post-body h3{
color: #000000;
margin:0;
padding:0;
font-size:13px;
}
/*----文章正文內(nèi)h4標(biāo)簽的定義----*/
div.post-body h4{
color: #000000;
margin:0;
padding:0;
font-size:12px;
}
/*----文章正文內(nèi)h5標(biāo)簽的定義----*/
div.post-body h5{
color: #000000;
margin:0;
padding:0;
font-size:11px;
}
/*----文章正文內(nèi)h6標(biāo)簽的定義----*/
div.post-body h6{
color: #000000;
margin:0;
padding:0;
font-size:10px;
}
/*--------------------------blog名稱及版權(quán)的定義-------------------------------------*/
/*----blog名稱的總體定義----*/
#BlogTitle{
font-size:32px;
margin:54px 0 0 10px;
padding:0;
font-weight:bold;
}
/*----以下為blog名稱的鏈接變換定義----*/
#BlogTitle a{
color:#F0FFF0;
}
#BlogTitle a:hover {
color: #DC143C;
text-decoration: none;
}
#BlogTitle a:active {
color: #DC143C;
text-decoration: none;
}
/*----blog名稱下副標(biāo)題的定義----*/
#BlogSubTitle{
color: #F0FFF0;
font-size:12px;
margin:2px 0 0 10px;
padding:0;
}
/*----blog版權(quán)的定義----*/
#BlogPowerBy{
font-size:12px;
height:20px;
margin:0;
padding:25px 10px 0 10px;
text-align:right;
font-weight:normal;
}
#BlogCopyRight{
font-size:12px;
height:20px;
margin:0;
padding:0 10px 0 10px;
text-align:right;
float:none;
clear:both;
font-weight:normal;
}
/*--------------------------評(píng)論的定義-------------------------------------*/
/*----評(píng)論頂部部分的定義----*/
p.posttop {
margin:10px 0 0 0;
padding:3px 0 2px 12px;
background: url("default/pointblue.gif") no-repeat 0 center;
}
/*----評(píng)論底部部分的定義----*/
p.postbottom {
margin:0 0 10px 0;
padding:5px 0 0 0;
}
#frmSumbit{
padding:0;
margin:0;
}
#frmSumbit p{
padding:5px 0 5px 0;
}
/*----評(píng)論按鈕的定義----*/
input.button{
background: white;
border: 1px double #284259;
color: #333;
padding: 0.05em 0.25em 0.05em 0.25em;
}
/*----評(píng)論文字的定義----*/
input.text {
padding: 0.15em 0.25em 0.20em 0.25em;
border: 1px double #284259;
width: 200px;
background: white;
}
/*----評(píng)論文字框的定義----*/
textarea.text {
padding: 0.15em 0.25em 0.20em 0.25em;
border: 1px double #284259;
width: 80%;
height: 80px;
background: white;
width: 520px;
height: 120px;
}
#p#
關(guān)鍵字描述:注釋 大全 樣式 默認(rèn) 模板 定義 margin:0 10px padding:0
/*---------------------------側(cè)欄日歷的定義------------------------------------*/
/*----日歷的總體定義----*/
#divCalendar{
padding:0 0 0 10px;
text-align:center;
}
/*----日歷標(biāo)題部分進(jìn)行了隱藏----*/
#divCalendar h3{
display:none;
}
/*----日歷div的定義----*/
#divCalendar div{
margin:0 0 0 0;
padding:0 0 5px 4px;
float:left;
}
/*----日歷各月份背景圖片的定義----*/
#divCalendar div.month1{
background:url("default/month1.gif") no-repeat center 10px;
}
#divCalendar div.month2{
background:url("default/month2.gif") no-repeat center 10px;
}
#divCalendar div.month3{
background:url("default/month3.gif") no-repeat center 10px;
}
#divCalendar div.month4{
background:url("default/month4.gif") no-repeat center 10px;
}
#divCalendar div.month5{
background:url("default/month5.gif") no-repeat center 10px;;
}
#divCalendar div.month6{
background:url("default/month6.gif") no-repeat center 10px;
}
#divCalendar div.month7{
background:url("default/month7.gif") no-repeat center 10px;
}
#divCalendar div.month8{
background:url("default/month8.gif") no-repeat center 10px;
}
#divCalendar div.month9{
background:url("default/month9.gif") no-repeat center 10px;
}
#divCalendar div.month10{
background:url("default/month10.gif") no-repeat center 10px;
}
#divCalendar div.month11{
background:url("default/month11.gif") no-repeat center 10px;
}
#divCalendar div.month12{
background:url("default/month12.gif") no-repeat center 10px;
}
/*----日歷各月份背景圖片的定義----*/
p.w{
float:left;
width:25px;
height:16px;
margin:4px 0 0 0;
padding:2px 0 1px 0;
text-align:center;
vertical-align :middle;
font-size:9px;
text-decoration : underline;
}
/*----日歷年份的定義----*/
p.y{
text-align:center;
height:14px;
margin:2px 0 0 0;
padding:0 0 0 0;
float:left;
width:175px;
font-size:12px;
font-weight:bold;
}
/*----日歷日期的定義----*/
p.d{
float:left;
width:25px;
height:18px;
margin:0 0 0 0;
padding:2px 0 0 0;
text-align:center;
vertical-align :middle;
}
/*----有文章的日期的定義----*/
p.yd{
float:left;
width:25px;
height:18px;
margin:0 0 0 0;
padding:2px 0 0 0;
text-align:center;
vertical-align :middle;
font-weight:bolder;
color:#6090c0;
background: url("default/links_r.gif") no-repeat 1px 1px;
}
/*----沒有文章的日期的定義----*/
p.nd{
float:left;
width:25px;
height:18px;
margin:0 0 0 0;
padding:2px 0 0 0;
text-align:center;
vertical-align :middle;
}
/*----當(dāng)日日期的定義----*/
p.cd{
float:left;
width:25px;
height:18px;
margin:0 0 0 0;
padding:2px 0 0 0;
text-align:center;
vertical-align :middle;
font-weight:bold;
}
/*---------------------------相關(guān)文章和引用的定義------------------------------------*/
ul.msg{
width:548px;
margin:10px 0 40px 10px;
padding:0 0 0 0;
text-align:left;
list-style-position : outside;
}
li.msgname{
padding:2px 0 2px 5px;
margin:0px;
border-bottom:1px dashed #D0D0D0;
}
li.tbname{
padding:0 0 0 5px;
margin:0px;
border-bottom:1px dashed #D0D0D0;
}
li.msgurl{
text-align:right;
padding:2px 10px 2px 10px;
margin:0;
border-left:1px dashed #D0D0D0;
border-right:1px dashed #D0D0D0;
}
li.msgarticle{
list-style-position : outside;
padding:15px 10px 15px 10px;
margin:0;
line-height:150%;
border-left:1px dashed #D0D0D0;
border-right:1px dashed #D0D0D0;
}
/*----發(fā)表時(shí)間的定義----*/
li.msgtime{
text-align:right;
padding:2px 5px 0 10px;
margin:0 0 0 0;
border-bottom:1px dashed #D0D0D0;
border-left:1px dashed #D0D0D0;
border-right:1px dashed #D0D0D0;
}
/*----引用的列表名字----*/
ul.trackback li.tbname{
border-bottom:none;
background: url("default/pointblue.gif") no-repeat 0 center;
padding:3px 0 2px 12px;
margin:0px;
}
/*----引用的定義----*/
ul.trackback{
margin:5px 0 10px 10px;
}
/*----相關(guān)文章的定義----*/
ul.mutuality{
margin:5px 0 10px 10px;
border-bottom:1px dashed #D0D0D0;
}
/*----相關(guān)文章名稱的定義----*/
ul.mutuality li.tbname{
background: url("default/pointblue.gif") no-repeat 0 center;
padding:3px 0 2px 12px;
margin:0px;
border:none;
}
/*----相關(guān)文章的列表----*/
ul.mutuality li.msgarticle{
background:#ffffff;
padding:0 10px 10px 16px;
border:none;
}
/*-------------------留言回復(fù)的定義------------------------------*/
li.msgarticle div.quote{
padding:10px;
background:#f0f0f0;
}
li.msgarticle div.quote-title{
margin:2px;
padding:3px;
font-size:120%;
border-bottom:1px #f8f8f8 solid;
}
/*--------------------------導(dǎo)航欄的定義-------------------------------------*/
/*----導(dǎo)航欄的大小、背景總體定義----*/
#divNavBar{
float:left;
width:778px;
border-bottom:1px solid #C0C0C0;
background:url("default/navbg.gif") repeat-x 0 0;
height:24px;
}
#divNavBar h3{
display:none;
}
#divNavBar ul{
margin:0;
padding:0;
}
/*----導(dǎo)航欄項(xiàng)目列表的定義----*/
#divNavBar li{
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
font-family:"宋體","黑體";
background:url("default/navbg2.gif") no-repeat right 0;
}
/*----以下為導(dǎo)航欄小項(xiàng)目的鏈接變換樣式----*/
#divNavBar a{
float:left;
margin:0;
padding:6px 10px 4px 10px;
height:14px;
text-decoration: none;
}
#divNavBar a:link {
color: black;
}
#divNavBar a:visited {
color: black;
}
#divNavBar a:hover {
color: white;
background:#DC143C;
}
#divNavBar a:active {
color: white;
background:#DC143C;
}
相關(guān)文章
css行內(nèi)元素padding,margin,width,height沒有變化
這篇文章主要介紹了css行內(nèi)元素設(shè)置padding,margin,width,height沒有變化的解決方法,需要的朋友可以參考下2014-05-07css中padding和margin的異同點(diǎn)介紹
本文從語法結(jié)構(gòu)、可能取的值、瀏覽器兼容問題等方面為大家介紹下padding和margin的異同點(diǎn)另附截圖,有想學(xué)習(xí)的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-28CSS邊距屬性定義是用margin還是用padding的兩者對(duì)比
用CSS做網(wǎng)頁時(shí).邊距用哪個(gè)屬于好呢?是margin屬性還是padding屬性呢.2012-06-12- 關(guān)鍵字描述:詳解 樣式 風(fēng)格 solid 必要   修改 padding:0 margin:0 body{font-size:9pt; background:url($imgpath/$stylepath/bodybg.gif) repeat-x ; font-famil2009-06-06
簡化的CSS Reset:15套CSS重設(shè)實(shí)例
網(wǎng)頁制作Webjx文章簡介:CSS重設(shè)就是由于各種瀏覽器解釋CSS樣式的初始值有所不同,導(dǎo)致設(shè)計(jì)師在沒有定義某個(gè)CSS屬性時(shí),不同的瀏覽器會(huì)按照自己的默認(rèn)值來為沒有定義的樣式2009-04-02Css Reset(復(fù)位)的簡單介紹-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
Css Reset是什么? 有些同行叫 "css復(fù)位",有些可能叫 "默認(rèn)css"..... 相信看完全文您會(huì)對(duì)Css Reset有個(gè)重新的認(rèn)識(shí) 原文地址: http://perishablepre2008-10-17- 在CSS中margin是指從自身邊框到另一個(gè)容器邊框之間的距離,就是容器外距離。在CSS中padding是指自身邊框到自身內(nèi)部另一個(gè)容器邊框之間的距離,就是容器內(nèi)距離。下面講解 pa2017-06-26