您目前的(de)位置：網站(zhàn)首頁 > 新聞資訊 > 網站(zhàn)常識 >

2.08日(rì)音(yīn)訊,如(rú)何很(hěn)好(hǎo)的(d™δ☆↓e)去(qù)規範CSS中的(de)命名

發布日(rì)期：2015-02-08文(wén)章(zhāng)來(lái)源：首創網絡浏覽次數(shù)：1196次

2.08日(rì)音(yīn)訊,如(rú)何很(€∑hěn)好(hǎo)的(de)去(qù)規範CS€¥≠¥S中的(de)命名，雖然命名不(bù)是(shì)必γ≤π₽須要(yào)标準也(yě)不(bù)是(shì)衡量一(yī)個(gè)網站™✔∏(zhàn)制(zhì)作(zuò)者的(de)水☆€♣(shuǐ)平，但(dàn)卻反映了(le)一(yī)個(gè¥ε♦)現(xiàn)象，那(nà)就(jiù)是(shì)友(yǒu)好™Ω(hǎo)，因為(wèi)你(nǐ)編寫的(d∞₽e)代碼或許别人(rén)也(yě)要(yào)↕×∏編輯，如(rú)果命名比較規範，比較統一(yī)，對(duì)于别人(•§≤§rén)來(lái)......

本文(wén)關鍵字：2.08日(rì),音↔>>(yīn)訊,如(rú)何,很(hěn),好(hǎo)的(de ‍ ),去(qù),規範,CSS,中的(de),

　　2.08日(rì)音(yīn)訊,£↑↑←如(rú)何很(hěn)好(hǎo)的(de)去(qù)規範CSS ×•中的(de)命名，雖然命名不(bù)是(shì)必須要(yào)标準也(y✘π♠ě)不(bù)是(shì)衡量一(yī)個(ε÷§gè)網站(zhàn)制(zhì)作(zuò)者✔ ≠的(de)水(shuǐ)平，但(dàn)卻↑δ$™反映了(le)一(yī)個(gè)現(x↕γ §iàn)象，那(nà)就(jiù)是(shì)友(y≠★✘ǒu)好(hǎo)，因為(wèi)你(nǐ)編寫的(de)代碼或許别人(ré∏$¶ n)也(yě)要(yào)編輯，如(rú)果命名比較規範，比較統Ω≈一(yī)，對(duì)于别人(rén)來(lái)說(shuō)也π€≈(yě)是(shì)一(yī)件(jiàn)很(hěn)≤σ容易上(shàng)手的(de)事(shì)情，相(xiàng)反則要(yào™>φ)煞費(fèi)苦心去(qù)理(lǐ)清你(nǐ)的(de"β)代碼準則，浪費(fèi)了(le)時(shí)間(jiān)資源，好(hǎo ♥)了(le)，邯鄲網站(zhàn)建設首創網絡小(xiǎo)編就(jiù)來(lái)給大(d↑¶☆∏à)家(jiā)說(shuō)一(yī)÷↑$下(xià)這(zhè)些(xiē)規範有(yǒu₩βγ¶)哪些(xiē)，願意學習(xí)的(de☆₩σ)同學就(jiù)讀(dú)一(yī)下(xià)吧(ba)。

　　我們開(kāi)發CSS+DIV網頁(Xhtml)時(shí)♣•✔‌候,比較困惑和(hé)糾結的(de)事(shì)就(jiù)是(shì)δ$CSS命名，特别是(shì)新手不(bù)知(zhī)道(∑ε♦∏dào)什(shén)麽地(dì)方該如(rú)&↔₽≥何命名，怎樣命名才是(shì)好(hǎo)的(d↔♦e)方法。

　　命名規則說(shuō)明(míng)：

　　1)、所有(yǒu)的(de)命名最好$☆(hǎo)都(dōu)小(xiǎo)寫

　　2)、屬性的(de)值一(yī)定₹♣₽§要(yào)用(yòng)雙引号("€∞♥")括起來(lái)，且一(yī)定要(yà¶♥¶o)有(yǒu)值如(rú)class="div♥₹¶css5",id="divcss5&q≥↓uot;

　　3)、每個(gè)标簽都(dōu)要(yào)有(yǒu)開(kāi♠¶)始和(hé)結束，且要(yào)有(yǒu)正确的(de∑‍≤✔)層次，排版有(yǒu)規律工(gōng)整

　　4)、空(kōng)元素要(yào)有(yǒu)結束的(dλσ<'e)tag或于開(kāi)始的(de)tag後加上(shàng)"/☆¶"

　　5)、表現(xiàn)與結構完全分(fēn)↔✘€≥離(lí)，代碼中不(bù)涉及任何的(de)表現(xià↕φ$n)元素，如(rú)style、font、bgColor、border等

　　6)、定義，應遵循從(cóng)大(dà)到↕•(dào)小(xiǎo)的(de)原則，體(σ ↑©tǐ)現(xiàn)文(wén)檔的(de)結構，并有(yǒ∏ ∑§u)利于搜索引擎的(de)查詢。

　　7)、給每一(yī)個(gè)表格和(héγ€)表單加上(shàng)一(yī)個(g ≈∞↓è)唯一(yī)的(de)、結構标記id♥ ε$

　　8)、給圖片加上(shàng)alt标簽

　　9)、盡量使用(yòng)英文(wén)命名原則

　　10)、盡量不(bù)縮寫，除非一(yī)看(kàn)就(j★✔iù)明(míng)白(bái)的(de)單詞

　　相(xiàng)對(duì)網頁外( •¶σwài)層重要(yào)部分(fēn)CSS樣式命名♣€：

　　外(wài)套wrap--------------∑∏ ----用(yòng)于最外(wài)層頭部heade↔∞€r----------------用(yòng)于頭部主要(yào)內↔★ε(nèi)容main------------用(yòng)于↔★π≤主體(tǐ)內(nèi)容(中部)左側main-lef↓₩Ω∏t-------------左側布局右側m ≤'≠ain-right-----------右側布局導航條nav------ δ€‌-----------網頁菜單導航條內(nèi)容 $♣$content---------------用(yòng)于₹‌網頁中部主體(tǐ)底部footer-------------->≤↑---用(yòng)于底部

　　DIV+CSS命名參考表：

　　以下(xià)為(wèi)CSS樣式命名與CSS文(wén)件(jià£πn)命名參考表，DIVCSS命名集合：

　　CSS樣式命名

　　說(shuō)明(míng)

　　網頁公共命名

　　#wrapper

　　頁面外(wài)圍控制(zhì)整體(tǐ)布局寬度

　　#container或#content

　　容器(qì),用(yòng)于最外(wε€£ài)層

　　#layout

　　布局

　　#head,#header