欧美v日韩ⅴ国产v亚洲综合 ,中文字幕乱老女人,99视频免费精品

DIV+CSS規(guī)范命名集合

原創(chuàng)|行業(yè)資訊|編輯：龔雪|2014-12-09 09:24:07.000|閱讀 1795 次

概述：CSS+DIV命名說(shuō)明及命名參考表，有助于開(kāi)發(fā)者規(guī)范命令。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>

我們開(kāi)發(fā)CSS+DIV網(wǎng)頁(yè)（Xhtml）時(shí)候,比較困惑和糾結(jié)的事就是CSS命名，特別是新手不知道什么地方該如何命名，怎樣命名才是好的方法。

命名規(guī)則說(shuō)明：

1）、所有的命名最好都小寫(xiě)

2）、屬性的值一定要用雙引號(hào)("")括起來(lái)，且一定要有值如class="divcss5",id="divcss5"

3）、每個(gè)標(biāo)簽都要有開(kāi)始和結(jié)束，且要有正確的層次，排版有規(guī)律工整

4）、空元素要有結(jié)束的tag或于開(kāi)始的tag后加上"/"

5）、表現(xiàn)與結(jié)構(gòu)完全分離，代碼中不涉及任何的表現(xiàn)元素，如style、font、bgColor、border等

6）、定義，應(yīng)遵循從大到小的原則，體現(xiàn)文檔的結(jié)構(gòu)，并有利于搜索引擎的查詢。

7）、給每一個(gè)表格和表單加上一個(gè)唯一的、結(jié)構(gòu)標(biāo)記id

8）、給圖片加上alt標(biāo)簽

9）、盡量使用英文命名原則

10）、盡量不縮寫(xiě)，除非一看就明白的單詞

相對(duì)網(wǎng)頁(yè)外層重要部分CSS樣式命名：

外套wrap------------------用于最外層頭部header----------------用于頭部主要內(nèi)容main------------用于主體內(nèi)容（中部）左側(cè)main-left-------------左側(cè)布局右側(cè)main-right-----------右側(cè)布局導(dǎo)航條nav-----------------網(wǎng)頁(yè)菜單導(dǎo)航條內(nèi)容content---------------用于網(wǎng)頁(yè)中部主體底部footer-----------------用于底部

DIV+CSS命名參考表：

以下為CSS樣式命名與CSS文件命名參考表，DIV CSS命名集合：

CSS樣式命名	說(shuō)明
網(wǎng)頁(yè)公共命名
#wrapper	頁(yè)面外圍控制整體布局寬度
#container或#content	容器,用于最外層
#layout	布局
#head,#header	頁(yè)頭部分
#foot,#footer	頁(yè)腳部分
#nav	主導(dǎo)航
#subnav	二級(jí)導(dǎo)航
#menu	菜單
#submenu	子菜單
#sideBar	側(cè)欄
#sidebar_a,#sidebar_b	左邊欄或右邊欄
#main	頁(yè)面主體
#tag	標(biāo)簽
#msg#message	提示信息
#tips	小技巧
#vote	投票
#friendlink	友情連接
#title	標(biāo)題
#summary	摘要
#loginbar	登錄條
#searchInput	搜索輸入框
#hot	熱門(mén)熱點(diǎn)
#search	搜索
#search_output	搜索輸出和搜索結(jié)果相似
#searchBar	搜索條
#search_results	搜索結(jié)果
#copyright	版權(quán)信息
#branding	商標(biāo)
#logo	網(wǎng)站LOGO標(biāo)志
#siteinfo	網(wǎng)站信息
#siteinfoLegal	法律聲明
#siteinfoCredits	信譽(yù)
#joinus	加入我們
#partner	合作伙伴
#service	服務(wù)
#regsiter	注冊(cè)
arr/arrow	箭頭
#guild	指南
#sitemap	網(wǎng)站地圖
#list	列表
#homepage	金喜正規(guī)買(mǎi)球
#subpage	二級(jí)頁(yè)面子頁(yè)面
#tool,#toolbar	工具條
#drop	下拉
#dorpmenu	下拉菜單
#status	狀態(tài)
#scroll	滾動(dòng)
.tab	標(biāo)簽頁(yè)
.left.right.center	居左、中、右
.news	新聞
.download	下載
.banner	廣告條(頂部廣告條)
電子貿(mào)易相關(guān)
.products	產(chǎn)品
.products_prices	產(chǎn)品價(jià)格
.products_description	產(chǎn)品描述
.products_review	產(chǎn)品評(píng)論
.editor_review	編輯評(píng)論
.news_release	最新產(chǎn)品
.publisher	生產(chǎn)商
.screenshot	縮略圖
.faqs	常見(jiàn)問(wèn)題
.keyword	關(guān)鍵詞
.blog	博客
.forum	論壇
CSS文件命名		說(shuō)明
master.css,style.css		主要的
module.css		模塊
base.css		基本共用
layout.css		布局，版面
themes.css		主題
columns.css		專(zhuān)欄
font.css		文字、字體
forms.css		表單
mend.css		補(bǔ)丁
print.css		打印

慧都提供【正版IDE聯(lián)合推廣計(jì)劃】，各種IDE低至半價(jià)出售（截止日期2014/12/31）。另外還有5折限時(shí)搶購(gòu)和免費(fèi)領(lǐng)iPhone 6、iPad air等好禮!

標(biāo)簽：CSS3

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

上一篇：.NET開(kāi)源之后的利器：.NET Portability Analyzer 下一篇：10個(gè)教程教你輕松備份MySQL數(shù)據(jù)庫(kù)

相關(guān)產(chǎn)品

軟件

產(chǎn)品功能：IDE集成開(kāi)發(fā)環(huán)境

源碼：非開(kāi)源

產(chǎn)品編號(hào)：12992

當(dāng)前版本：v2025.2 [銷(xiāo)售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： JetBrains

正式授權(quán)

">IntelliJ IDEA

IntelliJ在業(yè)界被公認(rèn)為優(yōu)秀的Java開(kāi)發(fā)平臺(tái)之一，在智能代碼助手、代碼自動(dòng)提示、重構(gòu)、J2EE支持、Ant、JUnit、CVS整合、代碼審查、創(chuàng)新的GUI設(shè)計(jì)等方面表現(xiàn)突出,并支持基于Android平臺(tái)的程序開(kāi)發(fā)。

軟件

產(chǎn)品功能：IDE集成開(kāi)發(fā)環(huán)境

源碼：非開(kāi)源

產(chǎn)品編號(hào)：12993

當(dāng)前版本：v2025.1 [銷(xiāo)售以商家最新版為準(zhǔn)，如需其他版本，請(qǐng)來(lái)電咨詢]

開(kāi) 發(fā) 商： JetBrains

正式授權(quán)

">ReSharper

屢獲大獎(jiǎng)且被譽(yù)為世界上著名的VS代碼生成工具

軟件

產(chǎn)品功能：IDE集成開(kāi)發(fā)環(huán)境

源碼：非開(kāi)源