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

H-ui css 命名规范

admin10年前 (2015-06-25)开发素材1751
 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 控制组	


分享到:

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

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

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

分享给朋友:
返回列表

上一篇:css hack

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

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

10个顶级的CSS UI开源框架

10个顶级的CSS UI开源框架

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

Eclipse的Aptana studio插件安装

Eclipse安装Aptana插件【在线安装】1. 在线安装:Help->Install New Software...->Add...->Name: "Aptana", Location: http:...

多行文本溢出显示省略号(...)的方法

现在的浏览器都支持text-overflow:ellipsis属性,用来实现单行文本的溢出显示省略号,但是这个属性并不支持多行文本。那么有没有方法在多行文本上实现同样的效果呢?-webkit-line-clampWebkit支持一个名为-webkit-line-clamp的属性,他其实是一个WebK...

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

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

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

CSS3移入图片放大效果

CSS3移入图片放大效果引言我们有时看到一些网站有的照片,当我们将鼠标移入的时候,会有个放大的动画效果,今天我就来讲讲这个效果是如何实现的。demo最终实现效果:点击进入涉及知识点transform : scale()transition如何实现1Ps : demo 以 Webkit 为例,其它浏览...

发表评论

访客

看不清,换一张

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