CSS 層疊樣式表命名參考表
發(fā)布時(shí)間：2010-08-08 22:34:41 作者：佚名 
我要評(píng)論
我要評(píng)論CSS 層疊樣式表命名參考，這樣的命名更正規(guī)，搜索引擎與用戶(hù)也習(xí)慣。
命名參考
| 描述 | 下劃線(xiàn)命名 | 駱駝式命名 | 參考命名 |
|---|---|---|---|
| 面板 | dashboard | ||
| 容器 | container | container | |
| 頁(yè)頭 | header | header | |
| 內(nèi)容 | content | content | container |
| 外圍控制 | wrapper | wrapper | wrap |
| 頁(yè)面主體 | main | main | |
| 欄目 | column | column | |
| - 寬欄目 | wide_column | wideColumn | |
| - 窄欄目 | narrow_column | narrowColumn | |
| 欄 | bar | ||
| 側(cè)邊欄 | sidebar | sidebar | |
| 網(wǎng)站地圖 | sitemap | ||
| 頁(yè)尾 | footer | footer | |
| 描述 | 下劃線(xiàn)命名 | 駱駝式命名 | 參考命名 |
|---|---|---|---|
| 主導(dǎo)航 | nav_main | navMain | |
| - 子導(dǎo)航 | nav_child | navChild | |
| - 三級(jí)導(dǎo)航 | nav_third | navThird | |
| 導(dǎo)航 | nav | nav | |
| - 頂導(dǎo)航 | nav_top | navTop | |
| - 左導(dǎo)航 | nav_left | navLeft | |
| - 右導(dǎo)航 | nav_right | navRight | |
| 菜單 | menu | menu | |
| - 子菜單 | menu_child | menuChild | |
| - 下拉菜單 | menu_drop | menuDrop | |
| 位置導(dǎo)航 | crumb | crumb | |
| 面包屑 | breadcrumb | breadcrumb | 參考 |
| location-based | |||
| attribute-based | |||
| path-based | |||
| 描述 | 下劃線(xiàn)命名 | 駱駝式命名 | 參考命名 |
|---|---|---|---|
| 郵件 | |||
| 用戶(hù)名 | username | ||
| 密碼 | passwd | ||
| 重復(fù)密碼 | passwd_again | ||
| 保存信息 | cookie | ||
| 性別 | sex | ||
| 地點(diǎn) | local | ||
| 下拉 | drop | ||
| 驗(yàn)證碼 | verification | ||
| 按鈕 | btn | ||
| 必填項(xiàng) | requisite | ||
| 狀態(tài) | status | ||
| 描述 | 下劃線(xiàn)命名 | 駱駝式命名 | 參考命名 |
|---|---|---|---|
| 登錄 | login | ||
| 注冊(cè) | regsiter | ||
| 搜索 | search | ||
| 標(biāo)簽頁(yè) | tab | ||
| 工具條 | toolbar | ||
| 標(biāo)簽頁(yè) | tab | ||
| 日歷 | calendar | ||
| 分類(lèi) | category | categories | |
| 歸檔 | archive | archives | |
| 回復(fù) | comment | comments | |
| 標(biāo)簽 | tag | tags | |
| 投票 | vote | ||
| 合作伙伴 | partner | ||
| 友情鏈接 | friendlink | ||
| 新聞 | news | ||
| 下載 | download | ||
| 指南 | guild | ||
| 幫助 | help | ||
| 常見(jiàn)問(wèn)題 | faq | ||
| 服務(wù) | service | ||
| selection |
| 描述 | 下劃線(xiàn)命名 | 駱駝式命名 | 參考命名 |
|---|---|---|---|
| 注釋 | note | ||
| 條目 | entry | ||
| 摘要 | summary | ||
| 縮略圖 | screenshot | ||
| 提示信息 | msg | ||
| 小技巧 | tips | ||
| 正方形的 | Square | ||
| 極小的 | Thumbnail | ||
| 小的 | Small | ||
| 中等的 | Medium | ||
| 大的 | Large | ||
| 原始的 | Original | ||
| 描述 | 下劃線(xiàn)命名 | 駱駝式命名 | 參考命名 |
|---|---|---|---|
| 滾動(dòng) | scroll | ||
| 箭頭 | arrow | ||
| 首頁(yè) | first | ||
| 上一頁(yè) | prev | previous | |
| 下一頁(yè) | next | ||
| 末頁(yè) | last | ||
| 更早的 | older | ||
| 更新的 | newer | ||
| 描述 | 下劃線(xiàn)命名 | 駱駝式命名 | 參考命名 |
|---|---|---|---|
| 列表 | list | ||
| -熱點(diǎn) | hot | ||
| -更新 | new | ||
| 前十列表 | topten_list | ||
| 相關(guān)列表 | related_list | ||
| 更新列表 | update_list | ||
相關(guān)文章
- CSS Grid 是一種二維布局系統(tǒng)，可以同時(shí)控制行和列，相比 Flex（一維布局），更適合用在整體頁(yè)面布局或復(fù)雜模塊結(jié)構(gòu)中,這篇文章主要介紹了前端CSS Grid 布局詳解,需要的朋2025-04-16
CSS Padding 和 Margin 區(qū)別全解析
CSS 中的 padding 和 margin 是兩個(gè)非?；A(chǔ)且重要的屬性，它們用于控制元素周?chē)目瞻讌^(qū)域，本文將詳細(xì)介紹 padding 和 margin 的概念、區(qū)別以及如何在實(shí)際項(xiàng)目中使用它們2025-04-07- will-change 是一個(gè) CSS 屬性，用于告訴瀏覽器某個(gè)元素在未來(lái)可能會(huì)發(fā)生哪些變化，本文給大家介紹CSS will-change 屬性詳解，感興趣的朋友一起看看吧2025-04-07
- 本文給大家分享在 CSS 中，去除a標(biāo)簽（超鏈接）的下劃線(xiàn)的幾種方法，本文給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧2025-04-07
在前端開(kāi)發(fā)中，CSS（層疊樣式表）不僅是用來(lái)控制網(wǎng)頁(yè)的外觀和布局，更是實(shí)現(xiàn)復(fù)雜交互和動(dòng)態(tài)效果的關(guān)鍵技術(shù)之一,隨著前端技術(shù)的不斷發(fā)展，CSS的用法也日益豐富和高級(jí),本文將2025-04-07css中的 vertical-align與line-height作用詳解
文章詳細(xì)介紹了CSS中的`vertical-align`和`line-height`屬性,包括它們的作用、適用元素、屬性值、常見(jiàn)使用場(chǎng)景、常見(jiàn)問(wèn)題及解決方案，感興趣的朋友跟隨小編一起看看吧2025-03-26淺析CSS 中z - index屬性的作用及在什么情況下會(huì)失效
z-index屬性用于控制元素的堆疊順序,值越大,元素越顯示在上層,它需要元素具有定位屬性（如relative、absolute、fixed或sticky），本文給大家介紹CSS 中z - index屬性的作用2025-03-21- 文章詳細(xì)介紹了CSS中的打印媒體查詢(xún)@mediaprint包括基本語(yǔ)法、常見(jiàn)使用場(chǎng)景和代碼示例,如隱藏非必要元素、調(diào)整字體和顏色、處理鏈接的URL顯示、分頁(yè)控制、調(diào)整邊距和背景等2025-03-18
CSS模擬 html 的 title 屬性(鼠標(biāo)懸浮顯示提示文字效果)
本文介紹了如何使用CSS模擬HTML的title屬性,通過(guò)鼠標(biāo)懸浮顯示提示文字效果,通過(guò)設(shè)置`.tipBox`和`.tipBox.tipContent`的樣式,實(shí)現(xiàn)了提示內(nèi)容的隱藏和顯示，感興趣的朋友一起2025-03-10
前端 CSS 動(dòng)態(tài)設(shè)置樣式：:class、:style 等技巧(推薦)
本文介紹了Vue.js中動(dòng)態(tài)綁定類(lèi)名和內(nèi)聯(lián)樣式的兩種方法：對(duì)象語(yǔ)法和數(shù)組語(yǔ)法,通過(guò)對(duì)象語(yǔ)法,可以根據(jù)條件動(dòng)態(tài)切換類(lèi)名或樣式；通過(guò)數(shù)組語(yǔ)法,可以同時(shí)綁定多個(gè)類(lèi)名或樣式,此外2025-02-26
