一般的なCSSの命名

1.コメントの書き方：

/* Footer */
内容区
/* End Footer */

2. idの命名：

（1）ページ構造

容器: container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center

（2）ナビゲーション

导航：nav
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
菜单：menu
子菜单：submenu
标题: title
摘要: summary

（3）機能

标志：logo
广告：banner
登陆：login
登录条：loginbar
注册：regsiter
搜索：search
功能区：shop
标题：title
加入：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：msg
当前的: current
小技巧：tips
图标: icon
注释：note
指南：guild
服务：service
热点：hot
新闻：news
下载：download
投票：vote
合作伙伴：partner
友情链接：link
版权：copyright

3.クラスの名前：

（1）色：色の名前または16進コードを使用します。

.red {
    
     color: red; }
.f60 {
    
     color: #f60; }
.ff8600 {
    
     color: #ff8600; }

（2）フォントサイズ、名前として「font + fontsize」を直接使用します。

.font12px {
    
     font-size: 12px; }
.font9pt {
    
    font-size: 9pt; }

（3）アライメントスタイル、アライメントターゲットの英語名を使用します。

.left {
    
     float:left; }
.bottom {
    
     float:bottom; }

（4）タイトルバーのスタイル。「カテゴリ+機能」を使用して名前を付けます。

.barnews {
    
     }
.barproduct {
    
     }

4.cssファイルの一般的な命名

主要的 master.css
模块 module.css
基本共用 base.css
布局，版面 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css