16 CSS命名規範(規則)

一般的なCSS命名規則

ヘッド:header内容:content/container尾:footerナビゲーション:nav側欄:sidebar欄:columnページ周辺制御全体レイアウト幅:wrapper左右中:left right centerログインバーフラグ:loginbarフラグ:logo広告:bannerページ本体:mainホットスポット:hotニュース:newsダウンロード:downloadサブナビゲーション:subnavメニュー:menuサブメニュー:submenu検索:search友情リンク:friendlinkフッター:footer著作権:copyrightスクロール:scroll内容:contentラベル:tags/tégz/文章リスト:listヒント情報:msgテクニック:tips欄タイトル:title加入:joinusガイド:guide/gaɪd/サービス:サービス登録:Register状態:status投票:vote/vəʊt/パートナー:パートナー/'pɑːtnə/
コメントの書き方:/*Header/コンテンツエリア/End Header*/
idの名前:

(1)ページ構造

コンテナ:containerヘッダー:header内容:content/containerページ本体:mainページ末尾:footerナビゲーション:nav側欄:sidebar欄:columnページ周辺制御全体レイアウト幅:wrapper左右中:left right center

(2)ナビゲーション

ナビゲーション:navメインナビゲーション:mainnavサブナビゲーション:subnavトップナビゲーション:topnavエッジナビゲーション:sidebar左ナビゲーション:leftsidebar右ナビゲーション:rightsidebarメニュー:menuサブメニュー:submenuタイトル:title要約:summary

（3）機能

ロゴ:logo広告:bannerログイン:loginログインバー:loginbar登録:register検索:searchリボン:shopタイトル:title加入:joinus状態:statusボタン:btnスクロール:scrollラベルページ:tab記事リスト:listヒント情報:msg現在の:current/'kʌr(ə)nt/テクニック:tipsアイコン:iconコメント:note/nəʊt/ガイド:guild/gɪld/サービス:serviceホットスポット:hotニュース:newsダウンロード:download投票:voteパートナー:partner友情リンク:link著作権:copyright

classの名前:

(1)色:色の名前または16進コードを使用します.
.red { color: red; } .f60 { color: #f60; } .ff8600 { color: #ff8600; }
(2)フォントサイズは、「font+フォントサイズ」を直接名前として使用します.
.font12px { font-size: 12px; } .font9pt {font-size: 9pt; }
(3)整列スタイル、整列ターゲットの英語名を使用
.left { float:left; } .bottom { float:bottom; }
(4)タイトルバースタイルは、カテゴリ+機能を使用して名前を付けます.
.barnews { } .barproduct { }

四、注意事項

1.すべて小文字;2.できるだけ英語で;3.鉄棒と下線を引かない.[原句]読むだけで分かる単語以外は、なるべく略さない.

五、CSSスタイルシートファイルの命名

主なマスターcssモジュールmodule.cssは基本的にbaseを共有する.cssレイアウト、レイアウトテーマは?cssコラムcolumns.css文字font.cssフォームforms.cssパッチmend.css印刷print.css

六.ファイル名

head.aspヘッダファイル
foot.aspベースファイル
index.aspトップページファイル
sort.html分類ネストファイル
article_channel.asp記事_チャンネルページ
article_list.asp記事_リストページ
article_detail.asp記事_ページを表示
注:複数の文章チャンネルがある場合は、article 01、article 02、article 03などを使用します.
exhibit_channel.asp展示会情報_チャンネルページ
exhibit_list.asp展示会情報_リストページ
exhibit_detail.asp展示会情報_ページを表示
product_channel.asp製品センター_チャンネルページ
product_list.asp製品センター_リストページ
prodect_detail.asp製品センター_ページを表示
corporation_channel.asp会員_チャンネルページ
corporation_list.asp会員_リストページ
corporation_detail.asp会員_ページを表示
information_channel.aspビジネス情報_チャンネルページ
information_list.aspビジネス情報_リストページ
information_detail.aspビジネス情報_ページを表示
job_channel.asp求人_チャンネルページ
job_list.asp求人_リストページ
job_detail.asp求人_ページを表示
hr_channel.asp就職_チャンネルページ
hr_list.asp就職_リストページ
hr_detail.asp就職_ページを表示
job_hr_channel.asp人材センター_チャンネルページ
job_hr_lisr.asp人材センター_リストページ
job_hr_detail.asp人材センター表示ページ
copyright.asp著作権ページ

七.画像の名前

1、ナビゲーションの名前:menu.gif例:menubg.gif(ナビゲーションの背景図)
2、会員登録:login.gif例:loginbg.gif(会員登録の背景図)
3、検索ネーミング:search.gif例:search_bg.gif(検索の背景図)
4、小さなアイコン:ico_数字gif例:ico_001.gif
5、線の命名:line_X_色gif例:line_X_red.gif(赤い横線点線)説明:lineは点線のみを命名する
line_Y_red.gif(赤色縦線)
6、広告命名:ad_数字gifは、ad 001のようなものである.gif
7、その他の欄の画像:欄名の最初のアルファベットで.gif
例:xwzx_bg.gif(ニュースセンター背景)cpzx_l.gif(製品センターの左図)
8、製品とコラムのホットスポット画像:pic_数字gif如:pic_001.gif
説明:上、下、左、右はT、B、L、Rと略すことができる

その他の名前

result  /ri'zʌlt/    

default   /di'fɔlt/    

figure  /'figə/      

goods   /ɡʊdz/    

info   /'info/   

>keywords    

shortcut  /'ʃɔːtkʌt/    

price   /praɪs/    

flag   /flæg/    

favicon  /'fævɪkɒn;      

prev   /priv/     

next   /nekst/     

channel    /'tʃænl/     

promo   /'prəʊməʊ/      ；    

exposure /ɪk'spəʊʒə; ek-/     ；  ；  ；  

count down     

hour   /'aʊə/    

min  (minute)   /'mɪnɪt/     

second   /'sek(ə)nd/    

codeless    

difinition  /defɪ'nɪʃ(ə)n/     

home  appliances  /əp'laɪənsɪz/     

view    

smart   /smɑːt/    ；  

match   /mætʃ/         

fittings  /'fɪtɪŋ/     

ambitus  ambitus    

recommend  /rekə'mend/     

television   /ˈtelɪvɪʒn/    

review  /rɪ'vjuː/     、  

author  /'ɔːθə/    

notice  /'nəʊtɪs/           

Hot estimate   /'estɪmeɪt/    ，  ，  

sep   /sep/   

dot   /dɒt/    

pager icon        

sort   /sɔːt/     ，  ，  

original   /ə'rɪdʒənl/      

pop   /pɒp/     

arrow  /'ærəʊ/    

different  /ˈdɪfrənt/    

contact   /'kɒntækt/    

site  /saɪt/     

slogan   /'sləʊg(ə)n/              

prefix   /'priːfɪks/    

snippet  /'snɪpɪt/    

total   /'təʊt(ə)l/     ，  

tot   /tɒt/    ，  

minus   /'maɪnəs/    、  、  

Javascript

alert  /ə'lɜːt/     

prompt  /prɒm(p)t/    

confirm  /kən'fɜːm/    

innerText   /ɪnə/    

console    

log   /lɒg/    

warn  /wɔːn/    

var      

let     /let/ 

const     /'kɒnst/      

object   /'ɑbdʒɛkt/    ；  

leave   /liːv/    

over     ...  

press   /pres/  

caught   /kɔːt/     

query  /'kwɪərɪ/    

true   /truː/     ；   

false  /fɔls/      

String   /strɪŋ/      

Boolean  /'bʊlɪən/     

Undefined  /ʌndɪ'faɪnd/      

array  /ə'reɪ/    

length   /leŋθ/     

symbol  /'sɪmb(ə)l/      

token  /'təʊk(ə)n/     

Unexpected   /'ʌnɪk'spɛktɪd/      

attribute  əˈtrɪbjuːt/     

remove    ，  

return   /rɪ'tɜːn/    

else   /els/     

switch   /swɪtʃ/    

case   /keɪs    

expression   /ɪkˈspreʃn/     

percent   /pə'sent/     

equal   /'i:kwəl/    

symbol    

zero   

operation   /ɒpə'reɪʃ(ə)n/    

hour  /'aʊə    

minute   /'mɪnɪt/    

second   /'sek(ə)nd/    

clock   /klɒk/     

minus  /'maɪnəs/    

total  /'təʊt(ə)l/    

tot  /tɒt/    

subtotal    

module   /'mɒdjuːl/    

product   /'prɒdʌkt    

create   /kriː'eɪt/    ，  

http://www.divcss5.com/jiqiao/j4.shtml