#学习笔记#(22)常用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

　　标签页：tab

　　文章列表：list

　　提示信息：msg

　　小技巧：tips

　　栏目标题：title

　　加入：joinus

　　指南：guild

　　服务：service

　　注册：regsiter

　　状态：status

　　投票：vote

　　合作伙伴：partner

(二)注释的写法:

　　/* Footer */

　　内容区

　　/* End Footer */

(三)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

　　注册：regsiter

　　搜索：search

　　功能区：shop

　　标题：title

　　加入：joinus

　　状态：status

　　按钮：btn

　　滚动：scroll

　　标签页：tab

　　文章列表：list

　　提示信息：msg

　　当前的: current

　　小技巧：tips

　　图标: icon

　　注释：note

　　指南：guild

　　服务：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.不加中杠和下划线;

　　4.尽量不缩写，除非一看就明白的单词.

　　主要的 master.css

　　模块 module.css

　　基本共用 base.css

　　布局，版面 layout.css

　　主题 themes.css

　　专栏 columns.css

　　文字 font.css

　　表单 forms.css

　　补丁 mend.css

　　打印 print.css

    主题themes.css

 

 

 

 

网站常用中英文对照表 

网站导航 Site Map 
公司简介 Profile or Company Profile or Company 
公司设备 Equipment Equipment 
公司荣誉 Glories Glories 
企业文化 Culture Culture 
产品展示 Product Product 
资质认证 Quality Certification 
企业规模 Scale Scale 
营销网络 Sales Network 
组织机构 Organization
合作加盟 Join In Cooperation 
技术力量 Technology Technology 
经理致辞 Manager`s oration 
发展历程 Development History 
工程案例 Engineering Projects 
业务范围 Business Scope 
分支机构 Branches 
供求信息 Supply & Demand 
经营理念 Operation Principle 
产品销售 Sales Sales 
联系我们 Contact Us Contact Us 
信息发布 Information Information 
返回首页 Homepage Homepage 
产品定购 order 
分类浏览 Browse By Category 
电子商务 E-business 
公司实力 Strength Strength 
版权所有 Copy Right 
友情连结 Hot Link 
应用领域 Application Fields 
人力资源 Human Resource Hr 
领导致辞 Leader`s oration 
企业资质 Enterprise Qualification 
行业新闻 Trade News 
行业动态 Trends 
客户留言 Customer Message 
客户服务 Customer Service 
新闻动态 News & Trends 
公司名称 Company Name 
销售热线 Sales Hot-Line 
联系人 Contact Person 
您的要求 Your Requirements 
建设中 In Construction 
证书 Certificate Certificate 
地址 ADD Add 
邮编 Postal Code Zipcode 
电话 TEL Tel 
传真 FAX Fax 
产品名称 Product Name 
产品说明 Description Description 
价格 Price 
品牌 Brand 
规格 Specification 
尺寸 Size 
生产厂家 Manufacuturer Manufacturer 
型号 Model 
产品标号 Item No. 
技术指标 Technique Data 
产品描述 Description 
产地 Production Place 
销售信息 Sales Information 
用途 Application 
论坛 Forum 
在线订购 On-line order 
招商 Enterprise-establishing 
招标 Bid Inviting 
综述 General 
业绩 Achievements 
招聘 Join Us 
求贤纳士 Join Us 
大事 Great Event 
动态 Trends 
服务 Service 
投资 Investment 
行业 Industry 
规划 Programming 
环境 Environment 
发送 Delivery 
提交 Submit 
重写 Reset 
登录 Enter 
注册 Login 
社区 Community 
业务介绍 Business Introduction 
在线调查 Online Inquiry Inquiry 
下载中心 Download 
会员登陆 Member Entrance 
意见反馈 Feedback 
常见问题 FAQ 
中心概况 General Profile 
教育培训 Education & Training 
游乐园 Amusement Park 
在线交流 Online Communication 
专题报道 Special Report