有關mysql優化的一些東東整頓。本站提示廣大學習愛好者:(有關mysql優化的一些東東整頓)文章只能為提供參考,不一定能成為您想要的結果。以下是有關mysql優化的一些東東整頓正文
1、聲名及正文
1.1、文件頭部必需加上文件聲名信息,必需包含文件描寫、作者、最初更新(更新人+時光)
1./*
2.*@Description: public common css (可寫中文)
3.*@Author: sev7n
4.*@Update: sev7n(2011-08-09 17:22)
5.*/
1.2、CSS代碼正文標准請參考UED前端正文標准.docx 文件
2、 編碼
今朝19樓頁面重要應用gb2312編碼,請留意堅持CSS文件編碼與頁面編碼分歧(不要將CSS文件設置為utf-8等其他編碼)。
為了避免文件歸並及編碼轉換時形成成績,建議將款式中文字體名字改成對應的英文名字,如:黑體(SimHei) 宋體(SimSun) 微軟雅黑 (Microsoft Yahei,幾個單詞中央有空格構成的必需加引號)
3、 定名標准
3.1、采取淺顯易懂的英文單詞並按內容/功效定名,嚴禁湧現如left、right等偏向名詞的class/id,嚴禁湧現如xxx1、xxx2等的數字class/id
3.2、除結構、獨一自力模塊外建議罕用id,必需包管id獨一性
3.3、一概采取小寫中劃線方法定名,如 xxx-yyy,制止湧現年夜寫字母
3.4、盡量進步代碼模塊的復用,復用模塊、自力模塊可按xxx-mod定名(-mod可不寫),mod上面再取xxx-hd(頭部)、xxx-bd(內容)、xxx-ft(底部)定名
3.5、經常使用定名(多記多查英文單詞):page、wrap、layout、header(head)、footer(foot、ft)、content(cont)、menu、nav、main、submain、sidebar(side)、logo、banner、title(tit)、popo(pop)、icon、note、btn、txt、iblock、window(win)、tips等
4、 書寫次序
CSS書寫建議按以下次序:
4.1、顯示屬性
display | position | float | clear | cursor …
4.2、盒模子
margin | padding | width | height
4.3、文本屬性
vertical-align | white-space | text-decoration | text-align | color | font | content …
4.4、邊框配景
border | background
4.5、內容治理、層級
overflow | z-index | zoom
5、 其他
5.1、制止應用expression表達式
5.2、制止濫用!important(應用前必需評論辯論確認不會形成其他BUG或許保護成績)
5.3、盡可能少的應用濾鏡,盡可能削減hack數,能不hack的果斷不hack
5.4、層級(z-index)必需清楚明白,頁面彈窗、氣泡為第一流(第一流為999,如showWin、pop等),分歧彈窗氣泡之間可在三位數之間調劑;通俗區塊為10-90內10的倍數;區塊睜開、彈出為以後父層級上個位增長,制止層級間自覺攀比,如以下html構造:
1.<ul class=“post-bd”>
2.<li class=“post-to”>
3.<div class=“post-tag”></div>
4.<div class=“post-add”></div>
5.</li>
6.<li class=“post-editor”></li>
7.<li class=“post-app”></li>
8.</ul>
(N)
1..post-to {z-index:999;}
2..post-tag {z-index:99;}
3..post-add {z-index:9;}
4..post-editor {z-index:99;}
5..post-app {z-index:9;}
(Y)
1..post-to {z-index:90;}
2..post-tag {z-index:99;}
3..post-add {z-index:98;}
4..post-editor {z-index:80;}
5..post-app {z-index:70;}
5.5、堅持代碼的可讀性與可保護性,代碼必需縮進,CSS構造同html構造 (但不建議縮進太多,能年夜概看出構造便可),選擇器與{}之間必需有一個空格分隔,{}裡不要湧現過剩的空格、換行
(N)
1..post-to{z-index:999 ; }
2..post-tag{z-index:99; }
3..post-add{z-index:9 ;}
(Y)
1..post-to {z-index:999;}
2..post-tag {z-index:99;}
3..post-add {z-index:9;}
5.6、在包管選擇器精確的情形下盡可能簡化選擇器 (盡可能不跨越4級),不寫過剩的選擇器(如class/id前的標簽選擇器、li上一級的的ul/ol、dt/dd上一級的dl等,在包管精確的條件下能去失落的都去失落)
(N)
1.div#post-to {}
2..post-app dl dt {}
3..post-app ul li.post-xxx {}
(Y)
1.#post-to {}
2..post-app dt {}
3..post-app .post-xxx {}
5.7、字體粗細采取詳細數值,粗體bold寫為700,正常normal寫為400
5.8、能縮寫的盡可能縮寫,如margin、padding、font(font-style font-variant font-weight font-size/line-height font-family)、border(border-width border-style border-color)、background(background-color background-image background-repeat background-attachment background-position)等
(N)
1..post-tag {margin:2px;margin-right:5px;font-weight: bold;font-size:14px;line-height:24px;font-family:”黑體”;}
(Y)
1..post-tag { margin:2px 5px 2px 2px; font: 700 14px/24px ” 黑體”; }
5.9、去失落0前面的單元(制止湧現如0px等過剩的單元)、色彩值不要湧現red/blue等色彩名詞(一概采取#加16進制來表現,CSS3的rgb除外),不強迫色彩值的年夜小寫、不強迫將6個字母的#色彩值縮寫為3個。
(N)
1..post-tag {margin:0px 0px 1px 1px;color:rgb(255,255,255);background: white;}
(Y)
1..post-tag {margin:0 0 1px 1px;color:#FFFFFF;background:#fff;}