PHPWind7.0風格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}
/* 全局通用按鈕設置 */
.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}
/* 輸入框,標題填寫,下拉框 綜合樣式 [可以一起設置,也可以分開在下面的幾個表里設置] */
select{border:solid 1px $tdcolor;} /* 下拉框具體設置*/ [ 沒必要修改 ]
.input{border: 1px solid; border-color: #c0c0c0 #ededed #ededed #c0c0c0;padding:2px 0px 2px 1px;font-size:1.0em;vertical-align:middle;color:#000;}
/* 標題填寫輸入框 */
form{display:inline;} /*無修改必要*/
textarea{border: 1px solid; border-color: #c0c0c0 #ededed #ededed #c0c0c0;} /* 大型文本輸入框樣式 */
/*header*/
#header{width:$mtablewidth;margin:auto;} /*頭部寬度樣式 [后臺風格編輯里的 頭部和尾部表格寬度設置之一] */
/*自定義導航*/
#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;}
/*頭部導航樣式*/
/*banner*/
.banner img{vertical-align:middle;} /*圖片居中顯示[無修改必要]*/
/*top-logo下導航背景*/
#mainNav{background:url($imgpath/$stylepath/bg.png) 0 -300px repeat-x #0082C1;position:relative;_height:30px}
/* 重要欄目導航 [如 社區(qū)服務等] */
/*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}
/* 重要欄目導航連接樣式 [如 社區(qū)服務等] */
/*top信息開關*/
#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;}
/**頭部個人信息開關/
/*top用戶名*/
#user-login{ padding-left:50px; color:#fff; padding-bottom:.2em}
#user-login a{margin-right:.5em;}
/*頭部個人信息開關右邊的用戶名 與設置 的樣式*/
/*index info*/
#profile-menubar{border:$tdcolor 1px solid;margin-top:-.6em;background:url($imgpath/$stylepath/bg.png) 0 -400px repeat-x #E1F6F9;}
相關文章
css行內元素padding,margin,width,height沒有變化
這篇文章主要介紹了css行內元素設置padding,margin,width,height沒有變化的解決方法,需要的朋友可以參考下2014-05-07- 本文從語法結構、可能取的值、瀏覽器兼容問題等方面為大家介紹下padding和margin的異同點另附截圖,有想學習的朋友可以參考下哈,希望對大家有所幫助2013-07-28
CSS邊距屬性定義是用margin還是用padding的兩者對比
用CSS做網頁時.邊距用哪個屬于好呢?是margin屬性還是padding屬性呢.2012-06-12- 關鍵字描述:注釋 大全 樣式 默認 模板 定義 margin:0 10px padding:0 下面這個是默認的ZBLOG CSS樣式表 里面附帶有最全的CSS注釋 讓你一看就理解了。如果您覺得麻煩2009-06-06
- 網頁制作Webjx文章簡介:CSS重設就是由于各種瀏覽器解釋CSS樣式的初始值有所不同,導致設計師在沒有定義某個CSS屬性時,不同的瀏覽器會按照自己的默認值來為沒有定義的樣式2009-04-02
Css Reset(復位)的簡單介紹-CSS教程-網頁制作-網頁教學網
Css Reset是什么? 有些同行叫 "css復位",有些可能叫 "默認css"..... 相信看完全文您會對Css Reset有個重新的認識 原文地址: http://perishablepre2008-10-17
在CSS中margin是指從自身邊框到另一個容器邊框之間的距離,就是容器外距離。在CSS中padding是指自身邊框到自身內部另一個容器邊框之間的距離,就是容器內距離。下面講解 pa2017-06-26


