Cube – 来自阿里妈妈的CSS(样式)解决方案_html/css_WEB-ITnose
Jun 24, 2016 am 11:29 AM
导语 Cube是由阿里妈妈团队创建。取自电影 《Cube》。电影里的 Cube 是个构造错综复杂的立方体,取这个名字,则是希望此项目能回归立方体的本意,和电影的愿景, 即项目应简单,一横一竖,自成一体。官网地址:ht
Cube是由阿里妈妈团队创建。取自电影 《Cube》。电影里的 Cube 是个构造错综复杂的立方体,取这个名字,则是希望此项目能回归立方体的本意,和电影的愿景, 即项目应简单,一横一竖,自成一体。
官网地址: http://thx.github.io/cube/
github: https://github.com/thx/cube
包含模块
- Neat:全新的样式重置
- Layout:更加丰富的布局
- Iconfont:海量图标字体
- Button:自适应按钮
- Type:照顾中文的版式设计
使用
1 |
|
下载
最新 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:
|
模块演示
utils(工具类) | type(照顾中文的版式设计) | layout(更加丰富的布局) | button(自适应按钮)
浏览效果 立即下载
TAG:阿里 CSS 解决方案 Cube
分享到
本站欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明: 文章转载自: 爱思资源网 http://www.aseoe.com/show-11-733-1.html
- 上一篇: 国产web前端框架推荐之-NEJ(网易)
- 下一篇:最后一页

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?

Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?

Was sind die Sicherheitsauswirkungen der Verwendung von IFRames und wie kann ich sie mildern?

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5?

Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen?

Wie benutze ich den HTML5 & lt; Meter & gt; Element zur Anzeige numerischer Daten innerhalb eines Bereichs?
