1. 程式人生 > >css 樣式class命名規範

css 樣式class命名規範

header                                                 頭
content/containe                                  內容
footer                                                   尾
nav                                                      導航
sidebar                                                側欄
column                                                欄目

loginbar                                              登入條
logo                                                    標誌
banner                                               廣告
main                                                   頁面主體
hot                                                     熱點
news                                                  新聞

download                                           下載
subnav                                               子導航
menu                                                   選單
submenu                                             子選單
search                                                 搜尋
friendlink                                             友情連結

footer                                                   頁尾
id                                                         版權
scrll                                                      滾動
content                                                 內容
tab                                                       標籤頁
list                                                        文章列表
msg                                                  提示資訊
tips                                                    小技巧
title                                                    欄目標題
joinus                                                加入
guild                                                  指南
service                                              服務
register                                             註冊
status                                                狀態
vote                                                  投票
partner                                             合作伙伴

相關推薦

css 樣式class命名規範

header                                                 頭content/containe                                  內容footer                      

13 CSS樣式命名參考表

技術 current 圖片 play splay idt 式表 eight src 13 CSS樣式表命名參考表

class 命名規範

neo oba sidebar 質量 middle 歷程 Education 博客 specific 常見class關鍵詞 布局類:header, footer, container, main, content, aside, page, section

CSS檔案和樣式命名規範,僅供參考

id一個頁面只可以使用一次,class可以多次引用。 我在頁面中用了多個相同id在IE中顯示也正常,id和class好象沒什麼區別,用多個相同id有什麼影響嗎? 頁面存在多個相同的ID影響就是不能通過W3的校驗。 在頁面顯示上,目前的瀏覽器還都允許你犯這個錯誤,用多個相同ID“一般情況下”也能正常顯示。但是

CSS樣式命名規則

blog 背景 是個 保持 log 類型 小寫字母 模塊 前綴 命名一直是個讓我頭痛的問題,特別是那些看上去差不多的模塊,所以就得想辦法啦,我總結了下面的方法,雖然還在試驗中。希望對大家有幫助。歡迎大家提出改進的意見。具體如下: 要註意的內容: 一,命名所選用的單詞應選擇不

div,css命名規範

版權信息 樣式 布局 faq 頁腳 blog 常見 join release 命名規則說明:   1)、所有的命名最好都小寫   2)、屬性的值一定要用雙引號("")括起來,且一定要有值如class="pcss5",id="pcss5"   3)、每個標簽都要有開始和結束,

CSS 樣式書寫規範

themes spec art 主體 layout margin 位置 子菜單 deb CSS書寫順序 1.位置屬性(position, top, right, z-index, display, float等)2.大小(width, height, padding, ma

css命名規範

css樣式 toolbar header 法律 mar 區域 content columns input css命名規範 頁面結構命名 1、page:代表整個頁面,用於最外層 2、wrap:外套,將所有元素包在一起的一個外圍包,用於最外層

推薦一些CSS命名規範

容器 forms lis css命名 sum end ade 提示信息 themes 常用的CSS命名規則 頭:header內容:content/container尾:footer導航:nav側欄:sidebar欄目:column頁面外圍控制整體佈局寬度:wrapper左

關於Html class id 命名規範

常用類 adr otto 及其 特點 theme 幫助 初始化 品牌 CSS命名規則   頭:header   內容:content/containe   尾:footer   導航:nav   側欄:sidebar   欄目:column   頁面外圍控制整體布局寬度:w

css - 命名規範

menu inline error lose column 定位 themes tro 選中 css文件分類 1、公共型:標簽重置、默認設置、通用樣式 2、特殊型:特殊布局、特殊模塊、特殊皮膚 css文件引用順序 1、公共 2、主體 3、皮膚及其他模塊 常用文件名 mast

我認為最節省時間的CSS命名規範

tro red camel 修飾 css js代碼 man head tick CSS命名規範一   js中對變量的命名最好使用camel case駝峰式命名法,但CSS中更適用於red-box命名規範。 CSS命名規範二 BEM命名規範   B=>block E=

CSS樣式書寫規範

交流 gen imp 文本 mat color auth z-index x11 可能不同團隊都有各自的規範,又或者很多人在寫 CSS 的時候還是想到什麽就寫什麽,不存在太多的約束。 我覺得 CSS 代碼規範還是有存在的必要的,尤其是在團隊配合,多人協作下,規範就顯得尤為重

CSS命名規範(規則)常用的CSS命名規則

登錄 foo earch uil css命名規範 常用 head 主題 tags CSS命名規範(規則)常用的CSS命名規則   頭:header   內容:content/container   尾:footer   導航:nav   側欄:

BEM思想(css命名規範

在團隊開發中,由於缺乏規範,樣式管理一直是開發中的痛點,樣式汙染,難以定製化,依賴性高,各種問題層出不窮。 而BEM是一個非常有用,強大,簡單的命名約定,可以讓你的前端程式碼更容易閱讀和理解,更容易協作,更容易控制。 當然,通常人們會認為BEM寫法難看,但是他的好處遠遠超過它外觀上的

原來你一直寫錯了?!實力分享一波 CSS 使用的書寫規範順序與偏門又實用的樣式...

我們在埋頭寫程式碼的時候,還要學會收集整理一些常用的程式碼小技巧,以便在工作時候,可以及時調取,提高工作效率。 今天,我把之前收集整理的一些CSS程式碼小技巧分享出來,供你參考學習,希望對你有幫助。 一、CSS書寫順序 1.位置屬性(position, top, right, z-index, d

CSS命名規範——BEM思想

特別宣告:此篇文章由David根據csswizardry的英文文章原名《MindBEMding – getting your head ’round BEM syntax》進行翻譯,整個譯文帶有我們自己的理解與思想,如果譯得不好或不對之處還請同行朋友指點。如需轉載此譯文,需註明英文出處:ht

HTML和CSS命名規範

html/css命名規範: 有規範才能統一,才能更好的交流,命名不但要自己能看懂,還要別人也能很容易明白。所以,有一個規範的命名規則是很重要的. 所有的命名最好都小寫 屬性的值一定要用雙引號("")括起來,且一定要有值 每個標籤都要有開始和結束,且要有正確的層次,

Bootstrap 3 主要css樣式class)一覽

排版 .container//一個容器,寬度為“12” .container-fluid//充滿視窗的容器 .row//行 .col-xs-*//寬度為*的列(手機螢幕) .col-sm-*//寬度為*的列(平板螢幕) .col-md-*//寬度為*的列(中等螢幕) .col-lg-*/

第二天筆記-選擇器(標籤選擇器、類選擇器、css命名規範、谷歌案例、多類名選擇器、id選擇器、萬用字元選擇器、偽類選擇器)

四、選擇器 要想將CSS樣式應用於持定的HTML元素,首先需要找到該目標元素。在CSS中,執行這一任務的樣式規則部分則成為選擇器(選擇符)。 (一)標籤選擇器(元素選擇器) 標籤選擇器是隻用於HTML標籤名作為選擇器,按標籤名分類,為頁面中某一類標籤指定統