用纯css样式来实现滑动开关的效果，如图： 下面是代码内容： 1.html 2.css ...
分类：
Web程序 时间：
2017-11-30 12:06:09
阅读次数：
202
以前使用瀑布流都要用js，现在有了css3，可以轻松实现了。 掌握点： 1、column-count 把div中的文本分为多少列 2、column-width 规定列宽 3、column-gap 规定列间隙 4、break-inside: avoid; 避免元素内部断行并产生新列 注意: Inter ...
分类：
Web程序 时间：
2017-11-29 18:22:14
阅读次数：
227
纯css实现的主要手段是利用label标签的模拟功能。label的for属性可以关联一个具体的input元素，即使这个input本身不可被用户可见，有个与它对应的label后，用户可以直接通过和label标签交互来替代原生的input——而这给我们的样式模拟留下了空间。 ...
分类：
其他好文 时间：
2017-11-17 14:55:03
阅读次数：
112
CSS选择器： 基本选择器： 多元素组合选择器 属性选择器 伪类 结构性伪类 采用伪类实现轮播： 效果： 原理：使用input的checked属性来触发img的切换效果（初始默认设置第一个显示，其他隐藏），同时利用label与input的关联性来实现点击事件。注意：input元素组name属性需设置 ...
分类：
Web程序 时间：
2017-11-07 16:16:02
阅读次数：
393
引言：2048小游戏的结束界面，使用纯CSS制作模态对话框，一般做模态对话框都会使用BootStrap自带的模态对话框组件方便使用，但在制作要运行在移动端的小项目时，就不能使用BootStrap，因为文件太大，下载耗时，耗费流量。 2个Div，一个铺满整屛，一个显示内容 坑：如何让Div铺满整屛？解 ...
分类：
Web程序 时间：
2017-11-07 00:14:46
阅读次数：
243
html结构： 实现img位于外层div的居中显示，网上有很多在img外层嵌各式各样的span、div、li等等，以便于使用 text-align来进行居中，不推荐嵌套多层的方式。 方法一（推荐）： 思路：table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签，使用它可以让大小不 ...
分类：
Web程序 时间：
2017-11-05 17:57:03
阅读次数：
195
用纯css写出这个背景，代码如下 <!DOCTYPE html><html><head><style> #div1{padding:35px;border:4px solid transparent;background-origin:border-box;background-clip:paddi ...
分类：
Web程序 时间：
2017-11-01 17:01:19
阅读次数：
232
多列等高布局是在一个容器里面，并排的多列，如果内容的高度无法在一开始确定（例如内容是动态的），又需要让各列自然地撑开（不出现每列里面的滚动条），这时候需要用css或者js的方法把各列高度设置为最高列的高度。这里我们介绍纯css实现方法。 程序代码： <div id="container"> <div ...
分类：
其他好文 时间：
2017-11-01 01:16:31
阅读次数：
181
效果图： 一.纯CSS实现 二.原生JS实现 ...
分类：
其他好文 时间：
2017-10-30 15:08:48
阅读次数：
191
