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

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

官网地址: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(自适应按钮)

时间: 2024-10-03 06:34:55

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

一个让Google、Facebook、Amazon都羡慕的平台,为什么说阿里妈妈是数字营销的未来

有谷歌高管感叹,阿里巴巴是Google+Facebook+Amazon三巨头的数据集合体.阿里巴巴在过去几年的业务布局中,形成了数据丰富.多面性的优势. 毋庸置疑,全球数字营销的未来正在被数据所驱动:如果说美国的数字营销由Amazon.Facebook.Google三家所引领,那么在中国,有一家公司在数据上同时具备这三家美国公司的特长,正在改变中国乃至全球营销的未来--它就是阿里妈妈. 阿里巴巴在过去几年的业务布局中,已经形成了这种数据丰富.多面性的优势,同时,随着整个集团从最大的电商平台向一个

阿里妈妈邀你聊聊营销与大数据

中国云计算产业最具影响力的盛会之一--2016杭州云栖大会(https://yunqi.aliyun.com/)将在云栖小镇召开.连续举办七届的云栖大会一直是业界了解阿里云计算生态发展和应用趋势.体验前沿技术和产品的最佳平台,来自海内外的上万名开发者.创业者聚集于此,分享着他们对云计算的思考与实践经验.7年来,从产品发布到行业解决方案展示,从关注技术到技术与服务并重,从单一的客户到生态全景的展现,大会的核心内容一直在"进化",而2016年杭州云栖大会,则以"飞天・进化&quo

html-如何修改iframe里面元素的css样式,不跨域

问题描述 如何修改iframe里面元素的css样式,不跨域 请教一下,如何修改iframe里面元素的css样式,不跨域. 我现在iframe里面加载了一个html文件,html里面的内容无法修改,是其他程序生成的. 但是里面的图片无法显示,现在需要把iframe里面的html的所有图片全部隐藏起来,应该如何实现呢?方法能兼容IE所有浏览器.谢谢 解决方案 给iframe添加onload事件,然后遍历所有img隐藏起来,注意file浏览时不用用webkit核心浏览器,如chrome和360急速模式

asp.net 如何给后台动态生成的table设置&amp;amp;lt;td&amp;amp;gt;css样式

问题描述 前台代码有个table,我在后台动态绑定数据到这个table中请问怎么给这个table动态生成的行.列设置css样式 解决方案 解决方案二:Tabletable=newTable();TableRowtr=newTableRow();TableCelltc1=newTableCell();tc1.Text="单位名称:"+ds1.Tables[0].Rows[i]["CompanyName"].ToString();TableCelltc2=newTabl

阿里妈妈“变脸”重出江湖 对战百度联盟意欲何为

在与淘宝合并4年后,阿里妈妈作为独立品牌"重出江湖". 淘宝联盟近期宣布,在2013年重新启用"阿里妈妈"品牌和域名,联盟平台将从以服务淘宝系商家为主转向面向全网所有广告主开放的广告交易平台.淘宝联盟将不再作为平台名,而只是平台中的一个业务线. 近年来马云和阿里巴巴一直致力于打造电商生态系统,既然有"让天下没有难做的生意",那肯定也会有"让天下没有难做的广告". 在外界看来,阿里妈妈平台把触角从电子商务伸向整个互联网广告行业,

都封台:阿里妈妈的下一步无非就是打通阿里系广告平台

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断淘宝客 站长团购 云主机 技术大厅 通知税务机关查税! (最简单的解决办法) 小时候上课,有个同学在背后叫我,我回去头去一看,他拿了本书,沿着书的边沿呵噌呵噌在那儿咬,他说:"你看我多象老鼠,在咬文嚼字."确实是这样,有一段时间,我的书房进了一只老鼠,有许多书和资料的边沿就被啃成了鼠牙交错的形状. 在就<阿里妈妈扣20%联盟费以及技术服务费&g

java-下面是两张图片,就是点击编辑改变css样式,怎样实现,还要再dialog上点击,实现删除

问题描述 下面是两张图片,就是点击编辑改变css样式,怎样实现,还要再dialog上点击,实现删除 # 解决方案 你下面的标签用div容器float布局,div relative定位,那个xx按钮absolute定位,默认隐藏.点击编辑的时候新增一个样式给div容器,这个样式控制xx的显示. 大概demo如下,居于jquery的,那个xx的样式你自己调整了 <script type="text/javascript" src="http://ajax.aspnetcdn

虚拟键盘-JavaScript怎样实现咋键盘上按下不同的键,页面上不同的div调用同一个css样式

问题描述 JavaScript怎样实现咋键盘上按下不同的键,页面上不同的div调用同一个css样式 这是页面上的一个虚拟键盘,我想实现的是当我在电脑的键盘上按键后,虚拟键盘上的相对应的键会有不同的显示效果(调用一个css)(虚拟键盘上的每一个小键都是一个图片),就是当我按下不同的按键,页面上相对的键所在的div就会调用同一个css 解决方案 虚拟键盘上的每个控件都增加keycode属性,然后document.onkeydown获取时间的keycode属性后获取控件添加个样式,过100ms再移除什

阿里妈妈择西南开局 站长论坛成都打头站

中介交易 SEO诊断淘宝客 站长团购 云主机 技术大厅 4月24日消息,网上广告平台阿里妈妈公司宣布将启动全国巡回的站长论坛,而值得玩味的是,他们将首站地点选在了"天府之国"成都. 据悉,国内著名的个人站长图王等人以及国内著名的SEO专家将作为嘉宾参加成都站论坛,同时还会邀请来西部的一些成功站长,对中西部的互联网环境以及如何通过网络广告赚钱等问题进行对话交流,而且新颖的是阿里妈妈还特意邀请来部分VC代表,请他们和西部站长分享网站获得投资的经验. 对于阿里妈妈此次不畏"蜀道难&