Z-BLOG模板CSS默認樣式注釋大全
互聯(lián)網(wǎng) 發(fā)布時間:2009-06-06 15:42:51 作者:jb51
我要評論

關(guān)鍵字描述:注釋 大全 樣式 默認 模板 定義 margin:0 10px padding:0
下面這個是默認的ZBLOG CSS樣式表 里面附帶有最全的CSS注釋 讓你一看就理解了。如果您覺得麻煩 可以下載我們提供的樣式CSS文件,更加方便您的學(xué)習(xí)與修改。
下載地址:default.zip
/*------------
關(guān)鍵字描述:注釋 大全 樣式 默認 模板 定義 margin:0 10px padding:0
/*---------------------------側(cè)欄日歷的定義------------------------------------*/
/*----日歷的總體定義----*/
#divCalendar{
padding:0 0 0 10px;
text-align:center;
}
/*----日歷標(biāo)題部分進行了隱藏----*/
#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ā)表時間的定義----*/
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)航欄項目列表的定義----*/
#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)航欄小項目的鏈接變換樣式----*/
#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;
}
/*---------------------------側(cè)欄日歷的定義------------------------------------*/
/*----日歷的總體定義----*/
#divCalendar{
padding:0 0 0 10px;
text-align:center;
}
/*----日歷標(biāo)題部分進行了隱藏----*/
#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ā)表時間的定義----*/
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)航欄項目列表的定義----*/
#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)航欄小項目的鏈接變換樣式----*/
#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-07- 本文從語法結(jié)構(gòu)、可能取的值、瀏覽器兼容問題等方面為大家介紹下padding和margin的異同點另附截圖,有想學(xué)習(xí)的朋友可以參考下哈,希望對大家有所幫助2013-07-28
CSS邊距屬性定義是用margin還是用padding的兩者對比
用CSS做網(wǎng)頁時.邊距用哪個屬于好呢?是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
- 網(wǎng)頁制作Webjx文章簡介:CSS重設(shè)就是由于各種瀏覽器解釋CSS樣式的初始值有所不同,導(dǎo)致設(shè)計師在沒有定義某個CSS屬性時,不同的瀏覽器會按照自己的默認值來為沒有定義的樣式2009-04-02
Css Reset(復(fù)位)的簡單介紹-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
Css Reset是什么? 有些同行叫 "css復(fù)位",有些可能叫 "默認css"..... 相信看完全文您會對Css Reset有個重新的認識 原文地址: http://perishablepre2008-10-17- 在CSS中margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。在CSS中padding是指自身邊框到自身內(nèi)部另一個容器邊框之間的距離,就是容器內(nèi)距離。下面講解 pa2017-06-26