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

.btn{cursor:pointer;color:#fff;background:#80d1fb url($imgpath/$stylepath/bg.png) 0 top repeat-x;border-width:1px;padding-left:15px;padding-right:15px;vertical-align:middle}
/* 全局通用按鈕設(shè)置 */
.btn2{border: 1px solid $tdcolor;background:$forumcolortwo;border-width:1px;padding-left:5px;padding-right:5px;vertical-align:middle;color:#555;}
.btn2:hover{border:1px solid $tablecolor;color:#0070AF;}
.btn3{margin-left:2em;vertical-align:middle;cursor:pointer;text-decoration:underline;}
/*其他類型按鈕*/
/*form*/
textarea,input,select{font:12px Arial;padding:1px 3px 0 3px;vertical-align:middle;margin-bottom:1px}
/* 輸入框,標(biāo)題填寫,下拉框 綜合樣式 [可以一起設(shè)置,也可以分開在下面的幾個(gè)表里設(shè)置] */
select{border:solid 1px $tdcolor;} /* 下拉框具體設(shè)置*/ [ 沒必要修改 ]
.input{border: 1px solid; border-color: #c0c0c0 #ededed #ededed #c0c0c0;padding:2px 0px 2px 1px;font-size:1.0em;vertical-align:middle;color:#000;}
/* 標(biāo)題填寫輸入框 */
form{display:inline;} /*無修改必要*/
textarea{border: 1px solid; border-color: #c0c0c0 #ededed #ededed #c0c0c0;} /* 大型文本輸入框樣式 */
/*header*/
#header{width:$mtablewidth;margin:auto;} /*頭部寬度樣式 [后臺風(fēng)格編輯里的 頭部和尾部表格寬度設(shè)置之一] */
/*自定義導(dǎo)航*/
#toptool{ padding:.5em 1em; text-align:right; line-height:100%;border-bottom:1px solid #eee;}
.listinline{ padding:0; margin:0; list-style:none;}
.listinline li{ padding:0 .7em; border-right:1px solid #eee; display:inline;}
/*頭部導(dǎo)航樣式*/
/*banner*/
.banner img{vertical-align:middle;} /*圖片居中顯示[無修改必要]*/
/*top-logo下導(dǎo)航背景*/
#mainNav{background:url($imgpath/$stylepath/bg.png) 0 -300px repeat-x #0082C1;position:relative;_height:30px}
/* 重要欄目導(dǎo)航 [如 社區(qū)服務(wù)等] */
/*guide*/
.guide { margin:0; list-style:none; padding:5px 1em 0; float:right}
.guide li{ float: left; margin:0; padding:0}
.guide li a{ float:left; padding:0 .6em; color:#fff; line-height:22px;*line-height:23px; height:25px;*word-wrap:normal;*white-space:nowrap}
.guide li.drop-item a{ padding-right:1.2em; background:url($imgpath/$stylepath/drop-icon.gif) no-repeat right .7em}
.guide li a:hover{ background-color:#4598C6; text-decoration:none; color:#fff}
.guide li.current a{ background-color:#006AAA; font-weight:bold; border:1px solid #4598C6; border-bottom:0}
/* 重要欄目導(dǎo)航連接樣式 [如 社區(qū)服務(wù)等] */
/*top信息開關(guān)*/
#one-key {position:absolute;left:.6em; bottom:-1px; _bottom:-2px;width:32px; height:20px; cursor:pointer}
.one-hidden {background:url($imgpath/$stylepath/infobox_13.png) 0 top no-repeat; }
.one-show {background:url($imgpath/$stylepath/infobox_13.png) 0 bottom no-repeat;}
/**頭部個(gè)人信息開關(guān)/
/*top用戶名*/
#user-login{ padding-left:50px; color:#fff; padding-bottom:.2em}
#user-login a{margin-right:.5em;}
/*頭部個(gè)人信息開關(guān)右邊的用戶名 與設(shè)置 的樣式*/
/*index info*/
#profile-menubar{border:$tdcolor 1px solid;margin-top:-.6em;background:url($imgpath/$stylepath/bg.png) 0 -400px repeat-x #E1F6F9;}
相關(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)頁時(shí).邊距用哪個(gè)屬于好呢?是margin屬性還是padding屬性呢.2012-06-12- 關(guān)鍵字描述:注釋 大全 樣式 默認(rèn) 模板 定義 margin:0 10px padding:0 下面這個(gè)是默認(rèn)的ZBLOG CSS樣式表 里面附帶有最全的CSS注釋 讓你一看就理解了。如果您覺得麻煩2009-06-06
簡化的CSS Reset:15套CSS重設(shè)實(shí)例
網(wǎng)頁制作Webjx文章簡介:CSS重設(shè)就是由于各種瀏覽器解釋CSS樣式的初始值有所不同,導(dǎo)致設(shè)計(jì)師在沒有定義某個(gè)CSS屬性時(shí),不同的瀏覽器會按照自己的默認(rèn)值來為沒有定義的樣式2009-04-02Css Reset(復(fù)位)的簡單介紹-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
Css Reset是什么? 有些同行叫 "css復(fù)位",有些可能叫 "默認(rèn)css"..... 相信看完全文您會對Css Reset有個(gè)重新的認(rèn)識 原文地址: http://perishablepre2008-10-17- 在CSS中margin是指從自身邊框到另一個(gè)容器邊框之間的距離,就是容器外距離。在CSS中padding是指自身邊框到自身內(nèi)部另一個(gè)容器邊框之間的距離,就是容器內(nèi)距離。下面講解 pa2017-06-26