CSS-命名总结热度2已有26 次阅读2010-8-13 23:42 |个人分类:资料库|关键词:CSS 命名CSS书写命名总结一、命名原则:不要通过视觉外观来给元素命名，而是根据功能给元素命名。
ID具有唯一性，Class具有可重复性。
让所有的Class元素都成为外围ID元素的子级或孙级。
网页模块化，利于网站代码的控制，维护和修改a.外围架构使用ID控制b.内部结构使用Class控制二、命名规则:a.骆驼命名法指混合使用大小写字母来构成变量和函数的名字,首写字母小写myDatab.帕斯卡命名法指混合使用大小写字母来构成变量和函数的名字,首写字母大写MyDatac.匈牙利命名法标识符的名字以一个或者多个小写字母开头作为前缀，标识出变量的作用域，类型等。
前缀之后的是首字母大写的一个单词或多个单词组合或者符号，该单词要指明变量的用途。
txtMyDatad.下划线或中划线命名法树状结构的命名层叠式命名每一个逻辑断点都有一个下划线或中划线来标记DWMenu_Insert_AnimalsDWMenu_Insert_Animals_DogDWMenu_Insert_Animals_CatDWMenu_Insert_Animals_MonkeyDWMenu-Insert-AnimalsDWMenu-Insert-Animals-DogDWMenu-Insert-Animals-CatDWMenu-Insert-Animals-Monkeytxt-MyDatae.常量命名SQL_SELECT_CA TEGORIES三、CSS推荐命名方式[模块前缀(模块标识|区域标识)]+[功能标识]+[模块后缀(状态|位置|[A-Z]:多风格标识|[0-9]:行标识|[a-z]:列标识)]wrapperDetailsdetailsLeftdetailsRightsection01section02section03sectionYoulikesectionTelsectionNewslist01list02list03listProlistArtlistMediaitemArticleitemMediaitembgBodybtnAddbtnDelbtnSubmitbtnSubmit01btnSubmit02btnSubmit03四、常用的样式文件命名全局样式表:base.css页面级别样式表:style.css 五、1、页面框架:页面主体:container|icontainer 页眉:header页中:pagebody侧栏:aside|sidebar正文:content页脚:footer版块:section行:sectionR|column栏:sectionC|rowarticledialogfiguredetailsdatagridnavmenucommandvideoaudio2、结构元素Wrapper外框:wrapper外框内套:iWrapper导航:menu标签页:tab容器:pannel列表:list内容的内套:inner上:[top]-[T]中:[middle]-[M]下:[bottom]-[B]左:[left]-[L]中:[center]-[C]右:[right]-[R]多行多列:[part]-[P]3、模块item元素选择:一行多列:li + 属性命名list控制一行两列和多行一列:dl dt dd + 属性命名list控制多行多列:div item控制三种状态:[A][B][C][on]Layout-版式:上:[top]-[T]-[IT]中:[middle]-[M]-[IM]下:[bottom]-[B]-[IB]左:[left]-[L]-[IL]中:[center]-[C]-[IC]右:[right]-[R]-[IR]多行多列:-[part]-[P]Property-属性命名:Profile-色彩|背景六、网站常用模块中英文对照表版权:copyright导航:nav顶导航:topNav主导航:mainNav子导航:subNav用户导航:userNav菜单:menu主菜单:mainMenu子菜单:subMenu右键菜单:contentMenu快捷菜单:shortcutMenu搜索:search登录:login登录条:loginbar功能区:shop加入:joinus指南:guild服务:service热点:hot新闻:news下载:download注册:regsiter状态:status投票:vote合作伙伴:partner友情链接:friendlink网站导航Site Map公司简介Profile or Company Profile or Company 公司设备Equipment Equipment公司荣誉Glories Glories企业文化Culture Culture产品展示Product Product资质认证Quality Certification企业规模Scale Scale营销网络Sales Network组织机构organization 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 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中国企业网技术支持Powered By 社区Community业务介绍Business Introduction在线调查Online Inquiry Inquiry下载中心Download会员登陆Member Entrance意见反馈Feedback常见问题FAQ中心概况General Profile教育培训Education & Training游乐园Amusement Park在线交流Online Communication专题报道Special Report。