Nomenclatura CSS común

1. Cómo escribir comentarios:

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

2. El nombre de id:

(1) Estructura de la página

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

(2) Navegación

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

(3) Función

标志：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. El nombre de la clase:

(1) Color: utilice el nombre o el código hexadecimal del color, como

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

(2) Tamaño de fuente, utilice directamente "fuente + tamaño de fuente" como nombre, como

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

(3) Estilo de alineación, use el nombre en inglés del objetivo de alineación, como

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

(4) Estilo de la barra de título, use "categoría + función" para nombrar, como

.barnews {
    
     }
.barproduct {
    
     }

4. Denominación común de archivos css

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