标签 css 下的文章 - GXUZF.COM - 林澈思的茶

vue封装Swiper实现图片轮播

分类:折腾 ; 热度:304

赵帆同学赵帆同学

一、Swiper在实现封装之前,先介绍一下Swiper。(1) Swiper是纯Javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。(2) Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。(3) Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择。(4) Swiper的应用场景广泛,实现效果很好,下面个这实际案例就是Swiper的典型应用场景。Swiper的具体使用教程及详细API,参考Swiper中文网。

CSS Grid网格布局实例教程

分类:折腾 ; 热度:332

赵帆同学赵帆同学

针对于Web布局而言,个人认为Grid布局将是Web布局的神器,它改变了以往任何一种布局方式或者方法。虽然这些年 js 发展的势头正劲,盖过了 css 的发展风头,但是 css 也是有很大进步的。弹性布局、网格布局相继被各大主流浏览器支持,大大方便了我们切图仔,再也不需要用 bootstrap 的栅格系统了,网格布局原生支持!不管以前的采用什么布局方法都可以说是一维的布局方式,而Grid最大的特色,是一个基于网格的二维布局系统,目的是用来优化用户界面设计。可以说网格布局(Grid)是最强大的 CSS 布局方案。Grid 布局与 Flex 布局有一定...