Discuz開發 借Discuz-X開發者工具【debug】提高模板的執行效率

  [復制鏈接]
31
零之小落 發表于 2015-9-2 09:13:16 [Discuz開發] 只看該作者
感謝樓主無私的分享與奉獻
32
lk0607 發表于 2015-9-5 10:02:30 [Discuz開發] 只看該作者
很給力,希望分享更多給力的帖子啊。
http://www.hyxsq.com 洪雅新社區
33
1514582970 發表于 2015-9-14 18:01:06 [Discuz開發] 只看該作者
不錯的插件 ,我要用啊
35
linekite 發表于 2015-9-24 09:25:48 [Discuz開發] 只看該作者
看看有沒有用 強烈支持,站幫網有你更精彩
36
ntl4423 發表于 2015-10-12 09:58:52 [Discuz開發] 只看該作者
強烈支持,站幫網有你更精彩,好得不得了
37
ershuai 發表于 2015-10-14 11:44:29 [Discuz開發] 只看該作者
強烈支持,站幫網有你更精彩
38
passer 發表于 2015-10-31 02:10:39 [Discuz開發] 只看該作者
很給力,希望分享更多給力的帖子啊。
39
lizuchun 發表于 2015-11-1 23:09:06 [Discuz開發] 只看該作者
好資源,謝謝分享!
40
hepanpanpan 發表于 2015-11-8 04:04:46 [Discuz開發] 只看該作者
xuyao這個
41
123aaa 發表于 2015-11-10 12:13:56 [Discuz開發] 只看該作者
一、CSS書寫規范  1、屬性寫在一行內,屬性之間、屬性名和值之間以及屬性與“{}”之間須有空格,例如:.class { width: 400px; height: 300px; }  2、屬性的書寫順序:  針對特殊瀏覽器的屬性,應寫在標準屬性之前,例如:-webkit-box-shadow:; -moz-box-shadow:; box-shaow:;  3、按照元素模型由外及內,由整體到細節書寫,大致分為五組:  位置:position,left,right,float  盒模型屬性:display,margin,padding,width,height  邊框與背景:border,background  段落與文本:line-height,text-indent,font,color,text-decoration,...  其他屬性:overflow,cursor,visibility,...  4、謹慎添加新的選擇符規則,尤其不可濫用 id,盡可能繼承和復用已有樣式。  選擇符、屬性、值均用小寫(格式的顏色值除外),縮寫的選擇符名稱須說明縮寫前的全稱,例如 .cl -> Clearfix  5、勿使用冗余低效的 CSS 寫法,例如:ul li a span { ... }  6、慎用 !important  7、建議使用在 class/id 名稱中的詞語  表示狀態:a->active  表示結構:h->header,c->content,f->footer  表示區域:mn->main,sd->side,nv-navigation,mu->menu  表示樣式:l-list,tab,p_pop  8、命名方式盡量不通用,使用自己的前綴。例如:(.header => .archy_hd / .footer => .archy_ft / ......)  二、CSS多IE下兼容HACK寫法  所有 IE瀏覽器適用:        .ie_all .foo { ... } IE6 專用:                .ie6 .foo { ... } IE7 專用:                .ie7 .foo { ... } IE8 專用:                .ie8 .foo { ... }  三、常用CSS  1、左浮動、右浮動 .z { float: left; } .y { float: right; } 復制代碼 2、因為左右浮動造成的父級浮動溢出,及使用方法 .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }  <div class="cl">     <div class="z"></div> </div> 復制代碼 3、大標題字體 .wx, .ph { font-family: "Microsoft YaHei", "Hiragino Sans GB", STHeiti, Tahoma, SimHei, sans-serif; font-weight: 100; } 復制代碼 4、行內分割豎線 .pipe { margin: 0 5px; color: #CCC; } 復制代碼 5、文字字體大小 .xs0 { font-family: {SMFONT}; font-size: {SMFONTSIZE}; -webkit-text-size-adjust: none; } .xs1 { font-size: 12px !important; } .xs2 { font-size: 14px !important; } .xs3 { font-size: 16px !important; } 復制代碼 6、灰色文字 .xg1, .xg1 a { color: {LIGHTTEXT} !important; } .xg1 .xi2 { color: {HIGHLIGHTLINK} !important; } .xg2 { color: {MIDTEXT}; } 復制代碼 7、高亮文字,1為橙色,2為藍色 .xi1, .onerror { color: {NOTICETEXT}; } .xi2, .xi2 a, .xi3 a { color: {HIGHLIGHTLINK} ; } 復制代碼 8、文字粗體 .xw0 { font-weight: 400; } .xw1 { font-weight: 700; } 復制代碼 9、層下邊線 .bbda { border-bottom: 1px dashed {COMMONBORDER}; } .bbs { border-bottom: 1px solid {COMMONBORDER} !important; } 復制代碼 10、去除邊框 .bw0 { border: none !important; } .bw0_all, .bw0_all th, .bw0_all td { border: none !important; } 復制代碼 11、去除背景 .bg0_c { background-color: transparent !important; } .bg0_i { background-image: none !important; } .bg0_all { background: none !important; } 復制代碼 12、外邊距樣式 .mtn { margin-top: 5px !important; } .mbn { margin-bottom: 5px !important; } .mtm { margin-top: 10px !important; } .mbm { margin-bottom: 10px !important; } .mtw { margin-top: 20px !important; } .mbw { margin-bottom: 20px !important; } 復制代碼 13、內邊距樣式 .ptn { padding-top: 5px !important; } .pbn { padding-bottom: 5px !important; } .ptm { padding-top: 10px !important; } .pbm { padding-bottom: 10px !important; } .ptw { padding-top: 20px !important; } .pbw { padding-bottom: 20px !important; } 復制代碼
42
lm959680 發表于 2015-11-26 22:52:19 [Discuz開發] 只看該作者
學習一下 看看是否懂用
43
iwiilbeback 發表于 2015-12-4 02:25:53 [Discuz開發] 只看該作者
后面加什么啊  回帖不支持下,期待更多分享。
44
鯡魚 發表于 2015-12-8 15:31:36 [Discuz開發] 只看該作者
我只是路過站幫網打醬油的,順便支持下
響應式是dz統一各終端的唯一出路!
45
1026 發表于 2016-2-3 08:50:11 [Discuz開發] 只看該作者
$_config['remote']['cron'] = 1; 強烈支持,站幫網有你更精彩
您需要登錄后才可以回帖 登錄 | 快速注冊

本版積分規則

快速回復 返回頂部 返回列表
铁板炒面能赚钱不 今天股票大盘指数 今日股票分析 幸运飞艇骗局 好运彩彩票网官方端口 新疆时时彩11选5 体彩6十1中奖规则图表 方大炭素股票行情走 福建11选五开奖结果 36选7福建今天晚上 11选5任四最牛玩法