当前位置:首页 > 开发素材 > 正文内容

H-ui css 命名规范

admin11年前 (2015-06-25)开发素材1773
 1. 内容优先,表现为辅
  2. css命名中英文对照
  current 当前     hover 悬停      selected 挑选     disabled 禁用     focus 得到焦点     blur 失去焦点    checked 勾选     success 成功   error 出错
  header(hd) 头部  content(cnt) 内容    title(tit) 标题    item 项目(条)   cell 单元    image/pic(img) 图片    text(txt) 文字    
  top 顶部         scrubber 时序菜单
  nav 导航        mainbav 主导航    subnav 子导航         topnav 顶部导航     breadcrumb 面包屑导航
  flink 友情链接    footer 尾       copyright 版权
  menu 菜单        submenu 子菜单	drop
  searchBar 搜索条 search 搜索条   searchTxt 搜索框      searchBtn 搜索按钮    search_key 搜索词
  ucenter 用户中心 loginBar 登陆条 login 登录            loginBtn 登录按钮     regsiter 注册按钮   regsiterBtn 注册按钮
  name 用户名      password 密码   nickname 昵称         mobilephone 手机      telephone 电话		defaultavatar 默认头像
  hot 热点         news 新闻       banner/AD 广告        download 下载
  content 内容     title 标题      summary 摘要          time 时间
  share 分享       digg 顶         like 喜欢
  list 列表        pList 图片列表  tList 文字列表        tpList 图文列表
  table 表格       row 行         column 列            gutter 间隔           viewport 视口
  tab 标签         tags 标签       scroll 滚动 
  sidebar 侧边栏   column 栏目     section 区块          msg 提示信息          status 状态
  vote 投票        tips 小技巧     guild 指南            note 注释
  icon- 图标       btn- 按钮
  goods 商品       goodsList 商品列表        goodsDetail 商品详情     goodsInfo 商品信息
  tuan 团购        tuanList 团购列表         tuanDetail  团购详情     tuanInfo 团购信息 
  transition 动画	shadow 阴影				fade 淡入淡出				flip 翻页效		slide 滑动	slideup 上滑动	slidedown 下滑动	turn 翻页
  horizontal 水平	vertical 垂直			collapsible 折叠		corners 拐角			flow 流		reverse 反向		pop 弹窗
  count 总数 计数		plus 加号 正				minus 减号 负		controlgroup 控制组	


分享到:

扫描二维码推送至手机访问。

版权声明:本文由云河空间发布,如需转载请注明出处。

本文链接:http://yuyunhe.cn/index.php/post/66.html

分享给朋友:
返回列表

上一篇:css hack

下一篇:H-ui html命名规范

“H-ui css 命名规范” 的相关文章

H-ui前端开发

H-ui.2.0.zip 下载...

ThinkPHP二级联动开发demo下载

ThinkPHP二级联动开发demo下载

ThinkPHP二级联动.zip...

10个顶级的CSS UI开源框架

10个顶级的CSS UI开源框架

随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验。作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现一些现代化的界面,包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架,有...

50个网址助你发现高质量图标

50个网址助你发现高质量图标

高品质的图标总能让网页设计项目事半功倍,网页设计师也可以将注意力集中到更重要的地方。今天我们整合了50个免费的的高素质图标站点,让你再也不用为没有图标用而烦恼,不论是设计网页、应用还是制作信息图,图标信手拈来!当然,小图标本身的应用范畴远不止于此。社交图片、名片设计、幻灯片设计、横幅标语、海报设计,...

HTML5离线存储之Application Cache

HTML5离线存储之Application Cache

关于html5的离线存储,大致可分为:localStorage, sessionStorageindexedDBweb sqlapplication cache可以在chrome的debug工具/Resources下产看,下面来着重说明一下Application Cache。访问流程当我们...

Composer在windows下的安装使用

Composer是 PHP 用来管理依赖(dependency)关系的工具。你可以在自己的项目中声明所依赖的外部工具库(libraries),Composer 会帮你安装这些依赖的库文件。官网:https://getcomposer.org/中文相关网站:http://www.phpcomposer...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。