帮助你生成响应式布局的CSS模板 - xyCSS
日期:2013-1-31 来源:GBin1.com
在线演示
在前面的文章中我们介绍了响应式的网格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
转载于:https://www.cnblogs.com/java20130725/archive/2013/01/31/3215595.html
帮助你生成响应式布局的CSS模板 - xyCSS相关推荐
- 【源码共享】我花2小时写了微信官网的响应式布局HTML+CSS 换成旅行主题风格更炫酷了
微信官网仿写效果 ↑ 移动端响应式效果 ↑ 微信官网首页,简约干净,能学习写好这个首页,就能掌 握HTML网页设计前端盒子的布局.嵌套,及css效果的 使用... 微信官网首页主要有以下几个需要关注的 ...
- 2017年最新基于Bootstrap 4 的专业、多用途响应式布局的系统模板
本文分享一款2017年最新的2017年最新基于Bootstrap 4 的专业.多用途响应式布局的系统模板,该模板是一款强大并且非常灵活的后台管理系统模板:能适应绝大多数的web应用程序开发,比如:AP ...
- html页面的响应式布局,HTML+CSS十分钟实现响应式布局页面,响应式布局实战教程...
承蒙各位小伙伴的支持,鄙人有幸入围了<CSDN 2020博客之星>的前200名,现在进入投票环节,如果我平时写的文章和分享对你有用的话,请每天点击一下这个链接,投上你们宝贵的一票吧!谢谢! ...
- 10个免费的响应式布局HTML5+CSS3模板
现在的自由响应式的HTML5模板的有着高度的市场需求,因为他们完全改变了网站设计与开发工业来说,是比较容易的,顺手,高级语言,可以很容易地创建了很多令人惊讶的事情,很快.这些模板是易于定 ...
- CSS - 响应式布局(二)响应式栅格系统
目录 响应式栅格系统 栅格 栅格系统 响应式栅格系统 BootStrap响应式栅格系统 简单说明 利用SCSS实现BootStrap的响应式栅格系统 响应式栅格系统 栅格 在弄清楚响应式栅格系统前,我 ...
- 自定义博客园皮肤:暗色流体响应式布局
博客园的皮肤模板虽然有100多套,但我需要的作品却没几套,从布局上看,大多是固定布局,有的使用表格布局,有的将侧边栏在HTML页面的代码顺序放在主内容的前面.这些布局方式不利于页面缩放和不同屏幕尺寸与 ...
- javafx响应式布局_JavaFX的响应式设计
javafx响应式布局 使用CSS技术,为您的网站创建响应式设计相对容易. 根据屏幕的大小,您可以使用其他CSS文件和布局. 在JavaFX中,乍一看似乎有些困难,因为CSS仅负责样式,而不负责布局. ...
- 响应式布局 max-device-width 与 max-width 的区别
闲来没事,研究了一下多屏适配和响应式布局的 CSS. 第一种写法 1 @media screen and (max-device-width: 320px) { 2 3 } 4 5 @media sc ...
- 个人对响应式布局的理解
从字面上理解,响应式布局即CSS布局随着屏幕尺寸的变换而变化.首先我们要搞清楚什么是固定布局,什么是流式布局.固定布局(Fixed Layout)使用固定宽度的包裹(Wrapper), 内部的各个部分 ...
最新文章
- List赋值到另一个List的方法C#
- Mac环境下mysql安装以及登录
- 一劳永逸-解决人类未来长期-暴露在病毒的方案-致所有中国的科技公司一封信
- ubuntu设置root用户密码
- 图像的zoomfft变换
- 最优化算法python实现篇(4)——无约束多维极值(梯度下降法)
- Nginx教程系列二:Linux安装nginx
- 《OSPF和IS-IS详解》一第6章 链路状态数据库同步6.1 OSPF数据库同步
- 吴恩达神经网络和深度学习-学习笔记-34-LeNet-5 + Alexnet + VGG
- UltraEdit for Mac
- css 设置浏览器最小宽度
- java计算机毕业设计校园点餐系统源程序+mysql+系统+lw文档+远程调试
- mysql数据库 存储过程_Mysql数据库-存储过程
- 物联网Wi-Fi,SIP 时代即将来临
- 微波放大器和混频器的测试
- Windows应急响应排查
- 基于docker 部署 canvas-lms
- python canvas画弧度_编程作战丨如何利用python绘制可爱皮卡丘?
- 干货!ERP在企业财务管理中的应用问题分析与解决办法
- 虚拟机和linux有啥关系,linux有什么虚拟机