当前位置： 首页 > news >正文

帮助你生成响应式布局的CSS模板 - xyCSS

news 来源：原创 2024/5/4 23:07:57

为什么80%的码农都做不了架构师？>>>   hot3.png

日期：2013-1-31  来源：GBin1.com

帮助你生成响应式布局的CSS模板 - xyCSS

在线演示

在前面的文章中我们介绍了响应式的网格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://my.oschina.net/gbin1/blog/106618

相关文章：

  • mvn添加本地jar包
  • OHStackView
  • C++中的三种继承public，protected ，private
  • oracle错误一览
  • y-combiantor项目列表
  • bootstrap使用总结
  • ciscocatalyst6500引擎内存与flash经典
  • 如何查看IE型号
  • [转]自建CDN防御DDoS：知己知彼，建设持久防线
  • JS中的replace(RegExp, Function)
  • 本机安装wamp后,非本机访问phpmyadmin Forbidden的 解决方法
  • Linux 中用 strace 追踪系统调用和信号值
  • [译]ECMAScript 6:对象字面量中的属性值简写
  • BeagleBone 教学视屏 -- 第一季
  • SQL Server 负载均衡、集群的解决方案！
  • 「前端早读君006」移动开发必备：那些玩转H5的小技巧
  • Android 架构优化~MVP 架构改造
  • Angular 响应式表单 基础例子
  • Java Agent 学习笔记
  • JavaScript 基本功--面试宝典
  • JavaScript实现分页效果
  • Java面向对象及其三大特征
  • JDK9: 集成 Jshell 和 Maven 项目.
  • Node 版本管理
  • Redis的resp协议
  • RxJS 实现摩斯密码(Morse) 【内附脑图】
  • unity如何实现一个固定宽度的orthagraphic相机
  • 初探 Vue 生命周期和钩子函数
  • 实习面试笔记
  • 树莓派 - 使用须知
  • 一起来学SpringBoot | 第三篇：SpringBoot日志配置
  • 移动端 h5开发相关内容总结(三)
  • 用简单代码看卷积组块发展
  • 再谈express与koa的对比
  • 字符串匹配基础上
  • gunicorn工作原理
  • （10）ATF MMU转换表
  • （ISPRS，2023）深度语义-视觉对齐用于zero-shot遥感图像场景分类
  • (pojstep1.1.2)2654(直叙式模拟)
  • （力扣）1314.矩阵区域和
  • (区间dp) (经典例题) 石子合并
  • （十二）springboot实战——SSE服务推送事件案例实现
  • （转）Spring4.2.5+Hibernate4.3.11+Struts1.3.8集成方案一
  • （转）winform之ListView
  • .NET Core Web APi类库如何内嵌运行？
  • .NET/C# 编译期能确定的字符串会在字符串暂存池中不会被 GC 垃圾回收掉
  • .NET/C# 使用 #if 和 Conditional 特性来按条件编译代码的不同原理和适用场景
  • .NET国产化改造探索（三）、银河麒麟安装.NET 8环境
  • @ 代码随想录算法训练营第8周（C语言）|Day53（动态规划）
  • @RequestParam @RequestBody @PathVariable 等参数绑定注解详解
  • @SpringBootApplication 包含的三个注解及其含义
  • [20170705]diff比较执行结果的内容.txt
  • [Angular 基础] - 自定义指令，深入学习 directive
  • [Asp.net MVC]Bundle合并，压缩js、css文件
  • [BZOJ 2142]礼物（扩展Lucas定理）