1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

Cube – 来自阿里妈妈的CSS(样式)解决方案

作者:用户 来源:互联网 时间:2016-01-15 17:26:02

css阿里githubiconfontmarching cubes立方体cubeiconfont使用iconfont字体图标

Cube – 来自阿里妈妈的CSS(样式)解决方案 - 摘要: 本文讲的是Cube – 来自阿里妈妈的CSS(样式)解决方案, Cube是由阿里妈妈团队创建。取自电影 《Cube》。电影里的 Cube 是个构造错综复杂的立方体,取这个名字,则是希望此项目能回归立方体的本意,和电影的

Cube是由阿里妈妈团队创建。取自电影 《Cube》。电影里的 Cube 是个构造错综复杂的立方体,取这个名字,则是希望此项目能回归立方体的本意,和电影的愿景, 即项目应简单,一横一竖,自成一体。

Cube – 来自阿里妈妈的CSS(样式)解决方案-阿里oss图片处理样式

官网地址:http://thx.github.io/cube/
github:https://github.com/thx/cube

包含模块
  • Neat:全新的样式重置
  • Layout:更加丰富的布局
  • Iconfont:海量图标字体
  • Button:自适应按钮
  • Type:照顾中文的版式设计
使用
1 <link rel="stylesheet" type="text/css" href="http://g.tbcdn.cn/thx/cube/1.2.1/cube-min.css">

下载

最新 CDN 地址:

  • cube.css

    http://g.tbcdn.cn/thx/cube/1.2.1/cube.css
  • cube.css 压缩版

    http://g.tbcdn.cn/thx/cube/1.2.1/cube-min.css

选择与折衷

需要注意的是 cube.css 中将包含:

  • neat.css
  • iconfont.css
  • layout.css
  • utils.css
  • button.css

但不包含 type.css。因此在需要版式设计的网站,例如
个人博客中,推荐一次加载 cube.css 与 type.css:

  <link rel="stylesheet" type="text/css" href="http://g.tbcdn.cn/thx/cube/1.2.1/??cube-min.css,type-min.css">
模块演示

utils(工具类)  type(照顾中文的版式设计)  layout(更加丰富的布局)  button(自适应按钮)



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索css , 阿里 , github , iconfont , marching cubes , 立方体 , cube , iconfont使用 iconfont字体图标 阿里oss图片处理样式、阿里css框架、cube.css、阿里 初始化 css、阿里 css,以便于您获取更多的相关知识。

css3-CSS3的一个小问题,刚入门不太懂求解惑

... bottom: 0; animation-delay: -1s; } 解决方案 A敏 我说: Amen 解决方案二: A敏 我说: Amen 解决方案三: 不这样设置2个球轨迹一样,看起来就像一个球在动而已了 设置top,bottom是让2个球轨...

怎么做好淘宝利用淘宝挣钱

...助淘宝卖家,所以叫淘宝客。   原理:先要拥有一个阿里妈妈账号,(http://www.alimama.com.cn);淘宝客通过阿里妈妈获取属于自己的商品链接地址,让购物者通过你的链接地址点进淘宝并有购买,成交付款后阿里妈妈后台会自动统...

php直接获取阿里妈妈 聚划算打折数据[非接口]

php直接获取阿里妈妈 聚划算打折数据[非接口] 我将其生成了txt文件更新生成地址http://www.bitefu.net/zhe.php生成后的txt地址:http://www.bitefu.net/taobao/zhekou.txt 这样方便调用. 而且速度比较快.只需要定期更新一下就行了

大公司里怎样开发和部署前端代码?[转自知乎]

...求合并、前端框架等等的工程问题,以上只是开了个头,解决方案才是精髓,但要说的太多太多,有空再慢慢展开吧。或者大家可以去我的blog看其中的一些拆解: fouber/blog · GitHub ————————————————————...

阿里自主研发的互动游戏引擎Hilo开源啦

Hilo,一套HTML5跨终端的互动游戏解决方案。Hilo支持了多届淘宝&天猫狂欢城等双十一大型和日常营销活动。内核极简,提供包括DOM,Canvas,Flash,WebGL等多种渲染方案,满足全终端和性能要求。支持多种模块范式的包装版本以及开...

前三篇
后三篇