PHPWind7.0風(fēng)格css樣式詳解

/*文章瀏覽頁標(biāo)題欄*/
.h3{border-bottom:1px solid $headborder;background:$headcolor;text-align:left;color:$headfontone;line-height:24px;padding-right:8px;}
.h3 a{font-family:Arial;color:$headfontone}
.closeicon{margin-top:.3em} /*無修改必要*/
.cate_fold{padding:0 5px 0 5px;margin-bottom:2px;text-decoration:none;}
.cate_fold:hover{text-decoration:none;}
/*無修改必要*/
/* tab */
.tab{float:left;padding:0 .8em 0;border:1px solid $forumcolorone;background:$headborder;border-bottom:0;line-height:200%;margin-top:3px;cursor:pointer;margin:2px 0;}
.h span.activetab{border-color:$tablecolor;cursor:default;font-weight:700}
/*table tr1*/
.tr1 th{padding:5px 10px;text-align:left;vertical-align:top;font-weight:normal;}
.tr1 td.td1{border-bottom:1px solid $tdcolor;}
/* 列表頁里左右框架樣式[如無必要不用修改] */
/*table tr2*/
.tr2{background:$cbgcolor url($imgpath/$stylepath/bg.png) 0 -200px repeat-x;color:$cbgfont;}
.tr2 td,.tr2 th{line-height:18px;border-bottom:1px solid $cbgborder;padding:4px 6px 1px;}
.tr2 a{color:$cbgfont;margin:0 2px 0}
/* 表格副標(biāo)題欄 可修改背景 框大小 [如 首頁 主題 文章 最后發(fā)表 版主] */
/*table tr3*/
.tr3{ line-height:130%;}
.tr3 td,.tr3 th{border-bottom:1px solid $tdcolor;padding:.3em .6em;}
.tr3 th{text-align:left;font-weight:normal;}
.z .tr3:hover{background:$forumcolortwo;}
/* 全局td樣式,如首頁板塊的下邊框 */
.tr4{background:$forumcolortwo;padding-left:12px;height:27px;line-height:27px;} /* 備用css[ 無修改必要 ] */
.tr td,.tr th{padding:2px} /*[ 無修改必要 ] */
/*topic content tips*/
.tpc_content{font-family:Arial;padding:0 2% 0 2%;margin:0 0 2%;line-height:2em;}
.tpc_content font{line-height:1.1em;}
.tpc_content a{text-decoration:none;color:#0070AF;}
.tpc_content a:hover{text-decoration:underline}
/*瀏覽頁內(nèi)容樣式表*/
.tips{background:#fff;border:$cbgborder 1px solid;padding:5px;margin:0 1% 1em 0;float:left;text-align:left;}
/* 本帖最近評分記錄等樣式 */
.tiptop{border-bottom:1px dotted #ccc ;padding:0 0 0 1px;height:27px;line-height:27px;margin:0 1em 1em 1em;}
/*樓主,發(fā)帖時間所在的那個位置樣式*/
.tipad{margin:2em 1em 0 1em;padding-bottom:1em;}
.tipad .fr a{color:#333;}
/* 瀏覽頁里 評分,禁言,屏蔽,提醒等 樣式控制 */
.quote{width:80%;font-size:70%;color:#333;margin:8px 2px 2px;padding:0}
.blockquote{width:80%;border:1px solid #ece9d8;background:#fffef3;border-left-width:3px;padding:5px;margin:0 0 1%;color:#736933;}
/*應(yīng)用提醒等樣式*/
.honor{line-height:130%;padding:3px 0 5px 8px;overflow:hidden;color:#777;} /*瀏覽頁里個性簽名樣式控制*/
/*menu*/
.menu{position:absolute;background:#fff url($imgpath/$stylepath/menubg.gif) center top repeat-x;border:1px solid $tdcolor;}
.menu .bor{padding-bottom:8px;*padding-bottom:0px;_padding-bottom:0px;border:5px solid $tdcolor;}
.menu li,.menu ul{padding:0; margin:0;}
.menu td{line-height:20px;}
相關(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í)的朋友可以參考下哈,希望對大家有所幫助2013-07-28CSS邊距屬性定義是用margin還是用padding的兩者對比
用CSS做網(wǎng)頁時.邊距用哪個屬于好呢?是margin屬性還是padding屬性呢.2012-06-12- 關(guān)鍵字描述:注釋 大全 樣式 默認(rèn) 模板 定義 margin:0 10px padding:0 下面這個是默認(rèn)的ZBLOG CSS樣式表 里面附帶有最全的CSS注釋 讓你一看就理解了。如果您覺得麻煩2009-06-06
簡化的CSS Reset:15套CSS重設(shè)實(shí)例
網(wǎng)頁制作Webjx文章簡介:CSS重設(shè)就是由于各種瀏覽器解釋CSS樣式的初始值有所不同,導(dǎo)致設(shè)計(jì)師在沒有定義某個CSS屬性時,不同的瀏覽器會按照自己的默認(rèn)值來為沒有定義的樣式2009-04-02Css Reset(復(fù)位)的簡單介紹-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
Css Reset是什么? 有些同行叫 "css復(fù)位",有些可能叫 "默認(rèn)css"..... 相信看完全文您會對Css Reset有個重新的認(rèn)識 原文地址: http://perishablepre2008-10-17- 在CSS中margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。在CSS中padding是指自身邊框到自身內(nèi)部另一個容器邊框之間的距離,就是容器內(nèi)距離。下面講解 pa2017-06-26