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

body{font-size:9pt; background:url($imgpath/$stylepath/bodybg.gif) repeat-x ; font-family:Verdana; color:#333} /*網(wǎng)頁(yè)頁(yè)面定義:依次定義了字體大小,背景,字體樣式,字體顏色*/
h1,h2,h3,h4,h5,h6,form,body{padding:0;margin:0} /*設(shè)置部分標(biāo)簽的內(nèi)填充和外邊距 [ 沒(méi)有重定義的必要 ]*/
td,th,div{word-break:break-all;word-wrap:break-word} /*設(shè)置td、th和div元素內(nèi)的文本強(qiáng)行截?cái)鄦卧~,此代碼僅對(duì)ie有用。 [ 沒(méi)有重定義的必要 ] */
img{border:0} /*默認(rèn)圖片邊框初始化*/ [ 沒(méi)必要修改 ]
h1{font-size:16px;margin:0;} /* 文章瀏覽頁(yè)里得標(biāo)題樣式 */ [ 沒(méi)必要修改 ]
h3,h2{display:inline;font-size:1.0em;}
h3{font-weight:normal}
h3 a{color:#444;margin-right:.5em;}
/*h3 文章列表頁(yè)文章標(biāo)題*/
h2 a{color:#000;} /*h2 板塊列表頁(yè)板塊名稱標(biāo)題*/
.c{clear:both;height:0px;font:0px/0px Arial;} /* 清除浮動(dòng)樣式 [ 沒(méi)必要修改 ] */
.b{ font-weight:700} /* 字體加粗 [ 沒(méi)必要修改 ] */
.w{white-space:nowrap} /* 強(qiáng)制在同一行內(nèi)顯示所有文本 [ 沒(méi)必要修改 ] */
.tal{text-align:left} /*文本左對(duì)齊*/[ 沒(méi)必要修改 ]
.tac{text-align:center} /*文本中對(duì)齊*/ [ 沒(méi)必要修改 ]
.tar{text-align:right} /*文本右對(duì)齊*/ [ 沒(méi)必要修改 ]
.fr{float:right} /*往左邊浮動(dòng)*/ [ 沒(méi)必要修改 ]
.fl{float:left} /*往右邊浮動(dòng)*/ [ 沒(méi)必要修改 ]
/*a link 基本連接顏色*/
a{text-decoration:none;color:$linkcolor} 連接樣式[鼠標(biāo)未移動(dòng)上去,顯示的樣式]
a:hover{color:#0070AF; text-decoration:underline} /*鼠標(biāo)移動(dòng)上去顯示的樣式*/
/*字體大小*/ [ 沒(méi)必要修改 ]
.f9{font-size:10px;}
.f10{font-size:11px;}
.f12{font-size:12px}
.f14{font-size:14px}
.fn,.fn a{font-weight:normal} /*去除粗體字*/ [ 沒(méi)必要修改 ]
/*span color 數(shù)值自定義*/
.s0{color:#333}
.s1{color:#008000;} /*綠色*/
.s2{color:#984B98;} /* 紫色 */
.s3{color:#FA891B;} /*橙色*/
.s4{color:#0033FF;} /* 藍(lán)色 */
.s5{color:#659B28} /* 綠淺色 */
.s7{color:#ff00a2;} /*粉色*/
.s8,.s8 a{color:#006699;} /*深藍(lán)*/
.gray,.gray a{color:#888;} /*次要文字顏色-可定義*/
.gray3{color:#777;}
.gray2{color:#94938c;}
.link5{ color:#006AAA} /*深藍(lán)*/
/*main color 數(shù)值自定義*/
.f_one /*首頁(yè)版塊里的第一顏色*/
.f_two /*首頁(yè)版塊里鼠標(biāo)移動(dòng)到上面所顯示的顏色*/
.t_one /* 主題列表版塊里的第一顏色*/
.t_two /* 主題列表版塊里鼠標(biāo)移動(dòng)到上面所顯示的顏色*/
.r_one /* 主題瀏覽里的主題內(nèi)容背景*/
.r_two /* 主題瀏覽里用戶信息的背景*/
以上可以分開(kāi)設(shè)置
如
.f_one{background:$forumcolorone;}
.t_one{background:$forumcolorone;}
.r_one{background:$forumcolorone;}
也可以默認(rèn)設(shè)置
.f_one,.t_one,.r_one{background:$forumcolorone;}
/*按鈕*/
.abtn{cursor:pointer;border:1px solid $tdcolor;color:$linkcolor;padding:2px 8px 2px; font-family:simsun;background:#fff;margin:2px;}
.abtn:hover{border:1px solid $tablecolor;text-decoration:none;}
/*連接文字按鈕*/
相關(guān)文章
css行內(nèi)元素padding,margin,width,height沒(méi)有變化
這篇文章主要介紹了css行內(nèi)元素設(shè)置padding,margin,width,height沒(méi)有變化的解決方法,需要的朋友可以參考下2014-05-07css中padding和margin的異同點(diǎn)介紹
本文從語(yǔ)法結(jié)構(gòu)、可能取的值、瀏覽器兼容問(wèn)題等方面為大家介紹下padding和margin的異同點(diǎn)另附截圖,有想學(xué)習(xí)的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-28CSS邊距屬性定義是用margin還是用padding的兩者對(duì)比
用CSS做網(wǎng)頁(yè)時(shí).邊距用哪個(gè)屬于好呢?是margin屬性還是padding屬性呢.2012-06-12- 關(guān)鍵字描述:注釋 大全 樣式 默認(rèn) 模板 定義 margin:0 10px padding:0 下面這個(gè)是默認(rèn)的ZBLOG CSS樣式表 里面附帶有最全的CSS注釋 讓你一看就理解了。如果您覺(jué)得麻煩2009-06-06
簡(jiǎn)化的CSS Reset:15套CSS重設(shè)實(shí)例
網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介:CSS重設(shè)就是由于各種瀏覽器解釋CSS樣式的初始值有所不同,導(dǎo)致設(shè)計(jì)師在沒(méi)有定義某個(gè)CSS屬性時(shí),不同的瀏覽器會(huì)按照自己的默認(rèn)值來(lái)為沒(méi)有定義的樣式2009-04-02Css Reset(復(fù)位)的簡(jiǎn)單介紹-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
Css Reset是什么? 有些同行叫 "css復(fù)位",有些可能叫 "默認(rèn)css"..... 相信看完全文您會(huì)對(duì)Css Reset有個(gè)重新的認(rèn)識(shí) 原文地址: http://perishablepre2008-10-17- 在CSS中margin是指從自身邊框到另一個(gè)容器邊框之間的距離,就是容器外距離。在CSS中padding是指自身邊框到自身內(nèi)部另一個(gè)容器邊框之間的距離,就是容器內(nèi)距離。下面講解 pa2017-06-26