帮助你生成响应式布局的CSS模板 - xyCSS
来源:互联网 发布:飞鸽网络打印机 编辑:程序博客网 时间:2024/06/07 20:18
在前面的文章中我们介绍了响应式的网格profound grid,用来帮助你开发固定或者响应式的流动布局设计,如果你希望使用纯CSS生成响应式的布局的话,相信xyCSS将会是一个不错的选择,xyCSS是一个简化的轻量级CSS框架,只使用一个CSS文件,能够帮助你创建流动或者响应式的布局。
这个框架包含了结构和版面字体相关的样式定义,帮助你有效的使用语义化方式管理你的布局结构。
主要特性
- 通过CSS的media queries来生成响应式的设计
- 通过使用CSS reset来解决缺省浏览器的样式问题
- 水平风格的流体网格布局
- 垂直风格的可缩放印刷版网格风格
- 不使用class属性定义
- 为HTML5设计,支持任何标记
- 通过CSS3加强
- 动态的media query过渡效果
- 支持移动,iphone/ipad,桌面大屏幕
- 支持prent media的网格样式定义
- 轻量级的单个css文件
- 开源并且免费使用
- 拥有完善的文档和在线演示
- 支持各种不同类库,例如,jQuery插件,兼容wordpress插件等等
如何使用?
- 步骤1 : 下载安装
- 步骤2 : 水平的网格Horizontal Grid
- 步骤3 : 垂直网格Vertical Grid
- 步骤4 : 响应式Responsiveness
- 使用xy.css设计
- 视觉化网格
- 支持IE
- 更多信息
via gbtags
来源:帮助你生成响应式布局的CSS模板 - xyCSS
- 帮助你生成响应式布局的CSS模板 - xyCSS
- 帮助你生成响应式布局的CSS模板 - xyCSS
- 帮助你生成缩进式自适应宽度的响应式布局插件 - jresponsive.js
- CSS响应式布局
- CSS--响应式布局
- css-响应式布局
- 了解css响应式布局的概念
- 帮助你实现响应式导航的 jQuery 插件
- Bootstrap 响应式布局模板
- html css 响应式布局
- CSS响应式布局实例
- html+css响应式布局
- CSS响应式布局实例
- 响应式布局css写法
- HTML5移动优先的响应式动画网格布局模板
- 10个免费的响应式布局HTML5+CSS3模板
- 实现响应式布局的5个CSS实用技巧
- 关于响应式布局css的部分知识点
- 售前工程师的成长-一个老员工的经验之谈
- ubuntu 下解压.tar.bz2文件
- 超实用的8个Linux命令行性能监测工具
- sscanf()函数详解(c语言)
- linux,eclipse不能识别android手机解决办法~
- 帮助你生成响应式布局的CSS模板 - xyCSS
- 亚马逊二月份将大幅削减Kindle Fire的零售价格
- AJAX(一)--简介
- Looper中的消息队列处理机制
- 关于 MFC 中 CString 内存泄露的问题
- eclipse3.2搭建spring+jsf
- mysql数据库恢复
- 错误1
- 数据库基础知识