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

#infobox{ border:1px solid #eee; border-top:0; padding:.2em .5em .5em;margin-top:1px; background:#fff url($imgpath/$stylepath/bg.png) 0 -400px repeat-x;}
#infobox td{ vertical-align:top}
/* 首頁登陸框的樣式 [包含公告欄] */
/*收藏板塊*/
#fav-fid{ line-height:150%}
#fav-fid ul{ padding:0; margin:0 0 0 75px; color:#aaa;}
#fav-fid li{float:left;*word-wrap:normal;*white-space:nowrap;padding:0; margin:0; padding-left:1em;list-style:none;background:url($imgpath/$stylepath/fav-fid.gif) .2em .5em no-repeat;}
/*頭部簽名*/
#honor {color:#333;line-height:1.3em; padding:.2em 0 0 .1em;}
/*通用公告框*/
#breadcrumbs{ margin-top:8px;overflow:hidden;border:1px solid $tdcolor; height:28px; padding:0 1em 0 0;background:url($imgpath/$stylepath/menubg.gif) repeat-x #EFFCFE;
line-height:27px;*line-height:26px;}
#breadcrumbs .crumbs-item{ overflow:hidden; height:28px; padding:0 1.3em 0 1.3em;background:url($imgpath/$stylepath/breadcrumbs-item.gif) right top no-repeat; float:left; position:relative ; margin-right:-7px;}
#breadcrumbs .crumbs-item .strong{color:#60afe6;*line-height:29px;_line-height:29px;}
#breadcrumbs .crumbs-item i { position:absolute; height:28px; width:7px; left:0px; top:0}
#breadcrumbs .crumbs-item:hover i{ background:url($imgpath/$stylepath/breadcrumbs-item.gif) right bottom no-repeat;}
#breadcrumbs .crumbs-item:hover{ background-color: #EFF9C8;text-decoration:none}
#notice{padding:.3em 0;height:18px;}
#notice a{padding-left:1em; background:url($imgpath/$stylepath/dotB.png) no-repeat 0 .2em; margin-left:1em}
/*main*/
#main{width:$tablewidth;margin: auto; padding:1px 0 0} /* 中間得整體框架樣式 */
/*table*/
.t{border:1px solid $tablecolor;border-top:2px solid $tablecolor;margin:0 auto 8px; height:auto; overflow:hidden;}
/* 風(fēng)格里所有的框架邊框樣式 [后臺風(fēng)格編輯里的 表格外邊框顏色 ] */
.t table{border:0px solid $forumcolorone;margin:0; width:100%;border-top:none;}
/* 樣式.t里的table框架樣式 */
.t2{border-top:$tablecolor 1px solid;margin:0px auto 5px;}
/* 瀏覽頁里的框架 [ 無修改必要 ] */
.t3{margin:4px auto 3px;}
.t3 table{padding:0px;}
/* [ 無修改必要 ] */
.t4{padding:0px;} /* [ 無修改必要 ] */
.t5{border:1px solid $tdcolor;margin:0 auto 8px; height:auto; overflow:hidden;}
/*淺邊框樣式*/
/*table head*/
.h{border-bottom:1px solid $headborder;background:$headcolor;text-align:left;color:$headfontone;padding:2px .5em 0; line-height:220%;}
.h span{font-weight:normal;}
.h h2{font-weight:bold}
.h a{font-family:Arial;color:$headfontone}
.h span a,.h span{color:$headfonttwo;}
.h a.a2{margin-left:12px;}
/*標題欄樣式*/
.h1{color:#008ef1;margin:0 0 1em 0;} /*文章瀏覽頁標題補充樣式*/
.h2{background:$headcolor;color:$headfontone;text-align:left;padding:0 12px 0 12px;height:28px;line-height:28px;border-bottom:1px solid $tdcolor;}
.h2 a{color:$headfontone;}
相關(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)鍵字描述:注釋 大全 樣式 默認 模板 定義 margin:0 10px padding:0 下面這個是默認的ZBLOG CSS樣式表 里面附帶有最全的CSS注釋 讓你一看就理解了。如果您覺得麻煩2009-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