多语言展示
当前在线:1765今日阅读:26今日分享:39

CSS样式命名规则

一.文件命名规范全局样式:global.css;框架布局/布局,版面:layout.css;字体样式:font.css;链接样式:link.css;打印样式:print.css;主要的master.css专栏columns.css主题themes.css……二.常用类/ID命名规范页 眉:header内 容:content容 器:container页 脚:footer版 权:copyright导 航:menu主导航:mainMenu / mainnav子导航:subMenu / subnav标 志:logo标 语:banner标 题:title商 标:label侧边栏:sidebar图 标:Icon注 释:note搜 索:search按 钮:btn登 录:login链 接:link信息框:manage外 套:wrap顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar标 语\广告:banner菜单内容1:menu1 content菜单容量:menu container子菜单: submenu边导航图标:sidebarIcon注释:   note面包屑:  breadcrumb(即页面所处位置导航提示)容器:   container内容:   content搜索:   search登陆:   Login功能区:  shop(如购物车,收银台)当前的   current三.另外在编辑样式表时可用的注释可这样写:<-- Footer -->内容区<-- End Footer -->样式文件命名常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn
推荐信息